NLW Setup

Trilha Ignite

O Projeto foi desenvolvido como resultado dos aprendizados obtidos no NLW Setup da Rocketseat. Junto com os instrutores criamos um App de Controle de Hábitos, uma grande experiência que me fez evoluir ainda mais na programação.

Utilizando as tecnologias do React e React Native para desenvolver a aplicação em Web e Mobile, além do desenvolvimento do Servidor do projeto com o Banco de Dados e a realização da conexão do Back-end com o Front-end.

Preview - WEB 🌎

Aperte o play para visualizar o gif!

Preview - Mobile 📱

Aperte o play para visualizar o gif!

Modelo ERD da aplicação 🏦🎲

Banco de Dados - Relacional

Estudo Geral 📖👨🏽‍💻

Tópicos relevantes

• Banco de dados utilizando a tecnologia Prisma
• Desenvolvimento da Api
• Construção do Layout da aplicação com React a parte Web e React-Native a parte Mobile
• Criação do SQL Raw (SQL na mão), possibilitando deixar as Querys mais complexas (mais Condições e Relacionamentos)
• Criação de PopOver e Modais, utilização da biblioteca Radix-UI (para fornecer acessibilidade ao usuário com alguma deficiência) - Web e Mobile
• Conexão do Back-end com o Front-end, utilizando a biblioteca Axios
• Utilização do Try and Catch, para tratar possíveis erros da melhor forma
• Foi adicionado configurações de Transitions e Focus no projeto Web, deixando as ações em tela mais dinâmicas e interativas com animações
• Foi utilizado a biblioteca Animated do React Native no projeto Mobile, deixando as ações em tela mais dinâmicas e interativas com animações

Tecnologias 🛠

• TypeScript
• React
• React Native
• Expo
• Fastify
• Prisma
• E muitas outras…

🔖 Layout

Você pode visualizar o layout do projeto através do link abaixo:

• Layout

Lembrando que você precisa ter uma conta no Figma.

Bootcamp Rocketseat ⚡

• Site Rocketseat