filiperochs/nlw-setup

Next Level Week (NLW) - SETUP

Construção de um projeto inédito, que me ajudou a aprender novas tecnologias e habilidades 🚀

Proporcionado pela Rocketseat.

Projeto

Sobre

O projeto tem a ideia do usuário criar hábitos para o seu dia-a-dia, acompanhando seu progresso e dando um check nos hábitos concluídos naquele dia.

Estrutura desse repositório

Há 3 diretórios nesse repositório disposto do seguinte:

/mobile é o diretório onde está o projeto mobile.
/server é o diretório onde está o projeto do back-end.
/web é o diretório onde está o projeto do front-end.

Ferramentas utilizadas

Figma - Design da plataforma.

ReactJS (Web) e React Native (Mobile) - para as interfaces de usuário.

NodeJS - back-end da aplicação.

Typescript - como linguagem nos projetos.

SQLite - banco de dados da aplicação.

Algumas outras ferramentas utilizadas

Vite - Conjunto de ferramentas para front-end.

Fastify - Estrutura da web rápida e com baixo overhead, para Node.js.

Prisma - um ORM para Node e Typescript.

Radix-UI - Para criação de componentes acessíveis em React.

Phosphor Icons - Biblioteca de ícones utilizado na web.

TailwindCSS - Framework CSS para facilitar a estilização.

React Native Navigation - Para navegação dentro do app mobile.

React Native Reanimated - Biblioteca de efeitos de transição e animação.

Lista de próximas implementações

• Autenticação
• Notificação Push / Service Workers
• Perfil público

Considerações

É possível encontrar como instalar e rodar os projetos separadamente dentro de cada diretório em seu README.md

Quero agradecer a Rocketseat por abrir esse espaço e compartilhar tanto conhecimento com nós devs. Além da comunidade dev no discord.