Demo

NLW Setup - Trilha Ignite

---

Sobre   |   Telas   |   Funcionalidades   |   Tecnologias   |   Requisitos   |   Iniciando   |   Schemas   |   Licença   |   Autor

😸 Sobre

Projeto desenvolvido durante as aulas do Ignite NLW Setup - Habits patrocinado pela Rocketseat. Neste evento vimos 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).

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
• Prisma
• Fastfy
• 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.

🏁 Iniciand Frontend Mobile

# Clone este projeto
$ git clone https://github.com/juniorvilas/nlw-setup.git

# Acesse
$ cd/nlw-setup/mobile

# Instale as dependências
$ npm i

# Execute o projeto
$ npx expo start

🏁 Iniciando Frontend Web

# Clone este projeto
$ git clone https://github.com/juniorvilas/nlw-setup.git

# Acesse
$ cd/nlw-setup/web

# Instale as dependências
$ npm i

# Execute o projeto
$ npm run dev

🏁 Iniciando Backend (server)

# Clone este projeto
$ git clone https://github.com/juniorvilas/nlw-setup.git

# Acesse
$ cd/nlw-setup/server

# Instale as dependências
$ npm i

# Execute o projeto
$ npm run dev

📡 Material complementar para o projeto

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

📝 Licença

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

Feito com ❤️ por Carlindo Junior

 

Voltar ao topo