Skip to content

RuanCxrdoso/Ignite-Timer

Repository files navigation

Ignite Timer 📚

GitHub language count Repository size GitHub last commit License Stargazers

✅ Projeto finalizado ✅

Sobre | Deploy | Como utilizar | Layout | Tecnologias | Autor | Licença

💻 Sobre

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.


🔗 Deploy

O deploy da aplicação pode ser acessado através da seguinte URL: https://rcardoso-ignite-timer.vercel.app


🚀 Como utilizar

Pré-requisitos

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

Clonando e Executando

Passo a passo para clonar e executar a aplicação na sua máquina:

# Clone este repositório
$ git clone git@github.com: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

🎨 Layout

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:

Preview

igniteTimer


🛠 Tecnologias

As seguintes bibliotecas foram utilizadas no desenvolvimento do projeto:

Para mais detalhes das libs aplicadas no projeto cheque o arquivo package.json


✍ Autor

Perfil Github

Linkedin Badge

Gmail Badge


📝 Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações

Feito com 💛 por Ruan 👋🏽 Entre em contato!