Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jsnevt/ign_habit

Setup 2023 - Rocketseat Ignite - Controle de hábitos
https://github.com/jsnevt/ign_habit

expo fastify prisma react tailwindcss vite

Last synced: 22 days ago
JSON representation

Setup 2023 - Rocketseat Ignite - Controle de hábitos

Awesome Lists containing this project

README

        


Logo do Projeto



Você no controle da sua rotina!

## 🛈 Sobre
O programa tem o intuito de monitorar os compromissos assumidos pelo próprio usuário na tentativa de fazê-lo seguir uma rotina
pré estabelecida.

Uma caixa de verificação na tela inicial tem uma cor que indica o progesso do cumprimento das atividades daquele dia.
0% sem cor, até o (roxo claro) que indica que todas atividades foram completadas.

## Telas


Aplicação WEB


Web
Cadastro de habito

A rotina é criada e os dias que deverão ser cumpridos, são definidos na ocasião da criação.


Aplicação Mobile


Mobile
Cadastro de habito mobile
Status mobile
Confirmacao mobile

A lista de hábitos é cumulativa.
Caso o usuário insira um novo hábito em um dia qualquer, à partir daquele dia, na lista de hábitos conterá este último hábito cadastrado, além dos hábitos já registrados.

## 👨‍💻 Para Devs
### Instalação

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/) no computador e [Expo](https://expo.dev/) no celular ([Android](https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pt_BR&gl=US), [IOS](https://apps.apple.com/us/app/expo-go/id982107779)).
Além disso é bom ter um editor de código-fonte para trabalhar com o código como [VSCode](https://code.visualstudio.com/).

> ⚠ Antes de executar o frontend e mobile verificar o IP da máquina que irá rodar o backend (pasta server) e configurar no arquivo de setup do axios presente na pasta lib dos respectivos projetos

- Rodando o Back End (servidor)

```bash
# Clone este repositório.
$ git clone https://github.com/JsnEvt/Ign_Habit.git

# Acesse a pasta do projeto no terminal.
$ cd NLW-Habits-Ignite

# Vá para a pasta server.
$ cd server

# Instale as dependências.
$ npm install

# Execute a aplicação em modo de desenvolvimento inicializando o prisma.
$ npx prisma migrate dev

# Execute a aplicação em modo de desenvolvimento.
$ npm run dev

```

- Rodando o FrontEnd (Web)

```bash
# Em outro terminal acesse a pasta do projeto.
$ cd web

# Instale as dependências.
$ npm install

# Execute a aplicação em modo de desenvolvimento.
$ npm run dev

```

- Rodando o App (Mobile)

```bash
# Vá para a pasta mobile.
$ cd mobile

# Instale as dependências
$ npm install

# Execute a aplicação
$ npx expo start

# Será aberto no terminal o menu do Expo onde poderá scanear o QR Code para executar o app diretamente no seu celular ou as opções de executar no emulador android ou iOS
```

## 🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- HTML e CSS
- Figma
- Fastify
- JavaScript
- Typescript
- NodeJS
- ReactJS
- React Native
- Vite
- Tailwind CSS
- Expo
- Prisma
- SQLite
- Git e Github

## :memo: Licença
Esse projeto está sob a licença MIT.

### Instrutor: CTO da [Rocketseat](https://rocketseat.com.br/) :rocket: Diego Fernandes

Diego Fernandes

## 🦸 Autor

[![Linkedin Badge](https://img.shields.io/badge/-Jason-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jason-everton/)](https://www.linkedin.com/in/jason-everton/)

[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

Feito por Jason Everton 👋🏽 [Entre em contato!](https://www.linkedin.com/in/jason-everton)