Skip to content

Aplicação mobile para planejamento de viagens desenvolvida em React Native, Typescript e Tailwind CSS.

License

Notifications You must be signed in to change notification settings

lucaspanizio/nlw-journey-app

Repository files navigation

Logo NLW Journey

Plann.er

Aplicação mobile para planejamento de viagens, desenvolvida com base na trilha React Native do evento NLW Journey realizado pela RocketSeat. Este projeto teve como objetivo proporcionar meu primeiro contato com React Native e, ao mesmo tempo, aprimorar meus conhecimentos em Typescript e Tailwind CSS.

Não me limitei ao conteúdo do curso e implementei com as seguintes melhorias: Tanstack Query e React Hook Form aliado a schemas utilizando Zod.

🚀 Tecnologias   |    🎨 Design   |    ☝ Pré-Requisitos   |    ⚡ Como Executar   |    ✨ Features futuras   |   📜 Licença

GIF de demonstração

🚀 Tecnologias

Typescript React Native Expo TailWind CSS Lucide Icons Axios Zod React Hook Form Tanstack Query

🎨 Design

Banner Projeto NLW Journey Mobile

Veja com detalhes no Figma


☝ Pré-Requisitos

➡️ Git
➡️ Node.js e NPM
➡️ Expo CLI
➡️ Java Development Kit (JDK 17)

⚡ Como executar

Primeiramente, execute o projeto back-end de um dos repositórios abaixo.
Eles irão prover a API que iremos consumir no aplicativo:

➡️ Repositório Back-End em Java - desenvolvido por @PedroPizzutti
➡️ Repositório Back-End em GO - desenvolvido por @matheusbarzon
➡️ Repositório Back-End em NodeJS - desenvolvido pela equipe da @RocketSeat

Em seguida, clone este repositório

git clone https://github.com/lucaspanizio/nlw-journey-app.git

Acesse o diretório da aplicação

cd nlw-journey-app

Faça a instalação das dependências

npm install

Em seu editor de código, crie um arquivo .env e preencha-o conforme instrução do .env.example

Execute a aplicação

npx expo start -c

Instale o aplicativo Expo Go em seu celular e escaneie o QRCode que deve estar em seu terminal.

✨ Features futuras

➡️ Screen de Login
➡️ Botão para Logout
➡️ Trocar alerts por Toasts
➡️ Edição e exclusão dos links
➡️ Edição e exclusão das atividades
➡️ Adição e remoção de participantes

📜 Licença

Esse projeto está sob a licença MIT.
License

Desenvolvido por José Lucas Panizio 🖖

Linkedin Badge Gmail Badge

About

Aplicação mobile para planejamento de viagens desenvolvida em React Native, Typescript e Tailwind CSS.

Topics

Resources

License

Stars

Watchers

Forks