gabrielatiago / trackit Goto Github PK

View Code? Open in Web Editor NEW

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.

HTML 0.63% JavaScript 96.70% CSS 2.67%

trackit's Introduction

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 [email protected]: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:

Tablet:

Mobile:

🎮 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

Recommend Projects