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

 

History

99 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.


🚀 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:

viewing the app on a large screen

Tablet:

viewing the app on a medium screen

Mobile:

viewing the app 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


👩‍🦱 Autora

  • Gabriela Tiago é uma aluna de desenvolvimento web de Fullstack na Driven Education. Percorrendo o caminho do conhecimento, buscando aprimorar suas habilidades técnicas e de softskills, para que ela possa melhorar o trabalho que desenvolve.

$~$

🔝 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