Sobre | Deploy | Como utilizar | Layout | Tecnologias | Autor | Licença
Este é um projeto de timer pomodoro desenvolvido em colaboração com a Rocketseat, utilizando Vite
e os principais conceitos do React
. O projeto oferece uma aplicação com funcionalidades avançadas para gerenciamento de tempo, permitindo aos usuários criar timers para suas tarefas com intervalos definidos.
Além disso, os usuários podem registrar suas atividades em um histórico detalhado, que lista todas as tarefas juntamente com seu status de conclusão ou se foram interrompidas pelo usuário.
Este projeto faz uso extensivo dos principais hooks do React, incluindo useState, useEffect, useContext e useReducer, proporcionando uma experiência de desenvolvimento rica e eficiente. Adicionalmente, incorpora diversas bibliotecas que serão detalhadas abaixo.
Vale ressaltar que este projeto foi desenvolvido como conclusão de um desafio proposto no curso/trilha Ignite oferecido pela Rocketseat.
O deploy da aplicação pode ser acessado através da seguinte URL: https://rcardoso-ignite-timer.vercel.app
Antes de realizar o download do projeto, é necessário instalar na sua máquina as seguintes ferramentas:
Além disto é importante uma IDE para manipular o código, como o VSCode
Passo a passo para clonar e executar a aplicação na sua máquina:
# Clone este repositório
$ git clone [email protected]:RuanCxrdoso/Ignite-Timer.git
# Acesse a pasta do projeto no terminal
$ cd Ignite-Timer
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação inciará em alguma porta disponível que poderá ser acessada pelo navegador
Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.
Veja uma demonstração das principais interfaces da aplicação:
As seguintes bibliotecas foram utilizadas no desenvolvimento do projeto:
Para mais detalhes das libs aplicadas no projeto cheque o arquivo package.json
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações
Feito com 💛 por Ruan 👋🏽 Entre em contato!