Projeto   |    Features   |    Layout   |    Pré-requisitos   |    Rodando   |    Tecnologias   |    Licença

💻 Projeto

  Ao longo dos anos a Rocketseat (plataforma de aprendizagem contínua em programaçao) disponibiliza projetos gratuitos onde qualquer dev de qualquer nível pode participar e criar aplicações desde o back-end ao front-end com web e mobile.
  Nessa edição do NLW Setup desenvolvemos o Habits, aplicação completa com foco em criar e realizar hábitos diários.
  Todas as edições superam as minhas expectativas e essa não fica de fora, sempre aprendo coisas novas em tão pouco tempo... O Ensinamento desse time é surreal!

🚀 Features Novas

 Para levar a aplicação ao próximo nível, vou adicionar integração ao firebase para manter os dados persistidos na nuvem podendo ser acessados pelo usuário de qualquer lugar.
 Além disso, irei adicionar também toggle theme na versão web e mobile, proporcionando uma melhor experiência ao usuário.

🔖 Layout Web - Mobile

Projeto Completo No Figma

🔨 Pré-requisitos

 Antes de começar, lembre-se de:

• Usar um editor de código de sua preferência, recomendo o VS Code;
• Instalar o git para fazer o clone da aplicaçao Git;
• Configurar o NodeJS;
• Baixar o Expo para rodar o app;

🎲 Rodando o Aplicativo

# Clone este repositório
$ git clone https://github.com/ErikPervious/NLW-Setup

# Acesse a pasta do projeto no terminal/cmd
$ cd NLW-Setup

# Entre na pasta server, instale as libs, configure o db e rode o back-end
$ cd server
$ npm install
$ npm run seed
$ npm run dev

# Seu back-end precisa ficar rodando em segundo plano, então abra outro terminal e vamo prosseguir.

# entre agora na pasta web, instale as libs e rode a aplicação
$ cd web
$ npm install
$ npm run dev

# Pronto, agora você pode acessar o endereço exibido no terminal para visualisar a versão web...
# Vamos agora para o mobile.

# Entre na pasta mobile e instale as libs
$ cd mobile
$ npm install ou expo install

# Pegue o seu endereço IPv4 e sibstitua o endereço no arquivo /src/lib/axios.ts em baseURL pelo seu IP.
# Agora você pode rodar o app usando o expo e exibi-lo no seu dispositivo através do ExpoGo disponível nas lojas mobile.

# Para rodar o app.
$ npm start
# Ou usando o próprio Expo
$ expo start

✨ Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

• Node.js
• React
• React Native
• Tailwindd CSS
• Prisma
• Fastify
• Axios

📄 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.