---

Sobre   |   O que é habits   |   Telas   |   Funcionalidades   |   Tecnologias   |   Requisitos   |   Iniciando   |   Material Complementar   |   Licença   |   Autor

---

Sobre

Projeto desenvolvido durante as aulas do Ignite NLW Setup pela Rocketseat. Neste evento foi visto como usar tecnologias atuais e poderosas na construção de sistemas simples ou avançados. Este projeto é completo com parte web (ReactJs), server (Backend com Node) e mobile (ReactNative).

Habits é uma aplicação desenvolvida que possibilita o usuário:

• Cadastrar um novo hábito;
• Visualizar os hábitos de cada dia;
• Acompanhar todo o progresso dos hábitos.

Telas da aplicação

Tela Home Desktop

Tela Novo Hábito Desktop

Tela Splash Mobile

Tela Home Mobile

Tela dia especifico Mobile

Tela criar hábito Mobile

🛹 Funcionalidades

✔️ Criar um novo Hábito
✔️ Mostrar tela home com hábitos criados e progresso
✔️ Marcar hábito como completo ou desmarcalo
✔️ Aplicação responsiva

🚀 Tecnologias

Abaixo poderá ter acesso às principais tecnologias usadas neste projeto

• ReactNative
• NativeBase
• Expo
• AndroidStudio
• TypeScript
• Svg-Transformer
• Phosphor Icons
• ViteJs
• Prisma
• Fastify
• Tailwindcss
• NativeWind
• Radix-ui
• React-native-vector-icons
• React-Native-Reanimated

✅ Requisitos para rodar a aplicação

Antes de iniciar 🏁, você precisa ter Git e Node instalado em seu sistema operacional, a CLI do Expo e o app Expo Go.Não sabe como fazer isso? Criamos abaixo uma documentação para ajudar vocês nesse processo CLIdoExpo.

🏁 Iniciando Frontend Mobile

# Clone este projeto
$ git clone https://github.com/pedrob14/habits-ignite.git

# Acesse
$ cd/nlw-setup/mobile

# Instale as dependências
$ npm i

# Execute o projeto
$ npx expo start

# Install the mobile dependencies
$ cd mobile
$ npm install

# Start the mobile project
$ npm start

🏁 Iniciando Frontend Web

# Clone este projeto
$ git clone https://github.com/pedrob14s/habits-ignite.git

# Acesse
$ cd/nlw-setup/web

# Instale as dependências
$ npm i

# Execute o projeto
$ npm run dev

# Install the web dependencies
$ cd web
$ npm install

# Start the web project
$ npm run dev

🏁 Iniciando Backend (server)

# Clone este projeto
$ git clone https://github.com/pedrob14/habits-ignite.git

# Acesse
$ cd/nlw-setup/server

# Instale as dependências
$ npm i

# Execute o projeto
$ npm run dev

# Install the server dependencies
$ cd server
$ npm install

# Start the server project
$ npx prisma migrate deploy
$ npm run dev

Material complementar para o projeto

• Wallpapers-NLW-SETUP
• Notion-Trilha-Ignite  

Acesse o projeto para ver o resultado!

📝 Licença

Este projeto está sob licença MIT. Para mais informações acesse LICENSE.

Voltar ao topo