Skip to content

Aplicativo de acompanhamento de hábitos diários. Os usuários podem criar uma conta, adicionar, excluir e visualizar seus hábitos registrados, marcar como concluídos ou não e ver seu progresso diário.

Notifications You must be signed in to change notification settings

GabrielaTiago/Trackit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trackit

App de acompanhamentos de hábitos

📋 Descrição

Este projeto é um aplicativo web desenvolvido com React que oferece uma forma eficiente de acompanhar os hábitos diários. Com uma interface intuitiva, os usuários podem criar uma conta e começar a registrar seus hábitos. É possível adicionar, excluir ou visualizar todos os seus hábitos registrados. Além disso, os usuários podem marcar seus hábitos como concluídos ou não concluídos e ver seu progresso diário. Um calendário interativo está disponível para que se possa acompanhar quais dias eles completaram todos os hábitos.

📊 Acesse aqui

🚀 Rodando o projeto localmente

Este projeto foi iniciado com Create React App, portanto, certifique-se de ter a última versão estável do Node.js e npm rodando localmente.

Primeiro de tudo, clone este projeto ou faça o download do ZIP.

Para realizar o clone, no terminal de sua máquina, utilize o git e insira o seguinte comando:

    git clone git@github.com:GabrielaTiago/Trackit.git

Entre na pasta do projeto

    cd Trackit

Execute o seguinte comando para instalar as dependências.

    npm install

Depois de instalar as dependências, execute o comando para iniciar a aplicação.

    npm run start

A aplicação será iniciada em http://localhost:3000 no seu navegador.

💻 Telas

Desktop

app view on a large screen

Tablet

app view on a medium screen

Mobile

app view on a mobile screen

🎮 Usando

Trackit.mp4

📚 Lições Aprendidas

  • FLuxo de login e cadastro
  • Consumir API com axios
  • SPA
  • Links internos
  • Rotas
  • Paginação
  • Componentização
  • Custom Hooks
  • Renderização condicional
  • useMemo
  • useCallback
  • Local Storage
  • Styled Components
  • Dayjs
  • React-calendar
  • React-circular-progressbar
  • React-loader-spinner
  • SweetAlert2

💡 Reconhecimentos

💪 Contribuição

Contribuições são bem-vindas! Se você encontrar algum problema ou tiver sugestões de melhoria, abra uma issue ou envie um pull request.

👩‍💻 Autora

Gabriela Tiago de Araújo

$~$

🔝 De volta ao topo

About

Aplicativo de acompanhamento de hábitos diários. Os usuários podem criar uma conta, adicionar, excluir e visualizar seus hábitos registrados, marcar como concluídos ou não e ver seu progresso diário.

Topics

Resources

Stars

Watchers

Forks