igords-goncalves / todowatch

Projeto realizado durante o programa de capacitação profissional Desenvolve 2023 do grupo Boticário em parceria da Alura. Trata-se de um simples cronômentro dinâmico construído usando react, typescript e animações com a bibliotecaframer motion.

todowatch

Informações sobre ligas, times, temporadas, estatísticas e jogadores tudo em um só lugar.

🗨 Sobre o Projeto

Esse é um projeto feito em React durante o programa de capacitação profissional Desenvolve 2023 do grupo Boticário em parceria da Alura. É um projeto criado para aprimorar habilidades em design, UI (Interface do Usuário) e UX (Experiência do Usuário). Trata-se de um Todo List (lista de tarefas) desenvolvido usando a biblioteca React com TypeScript. A principal funcionalidade é permitir que os usuários adicionem tarefas à lista, com a capacidade de registrar o tempo estimado para a execução de cada tarefa.

💙	👀

Recursos

• Adicionar tarefas à lista com duração estimada
• Iniciar um timer para cada tarefa individualmente
• Marcar tarefas como concluídas
• Remover tarefas da lista

Objetivos de Aprendizado

Este projeto tem como objetivo oferecer uma oportunidade para praticar e reforçar os conceitos de design, UI e UX. O foco será na criação de uma interface intuitiva e amigável para o usuário, proporcionando uma experiência agradável ao interagir com o Todo List e suas funcionalidades.

💻 Como Instalar e Executar

Clone este repositório em sua máquina local.

git clone https://github.com/igords-goncalves/todowatch.git

Execute o comando comando no terminal para instalar as dependências necessárias.

yarn install

Execute o comando comando no terminal para iniciar o projeto.

yarn run dev

🤝 Como Contribuir

Faça um fork deste repositório - Como criar um fork

Crie uma nova branch com a sua contribuição

git checkout -b minha-contribuicao

Commit suas alterações

git commit -m "Descrição das suas alterações"

Faça um push para a sua branch

git push origin minha-contribuicao

Abra um pull request - Como abrir um pull request

⚙ Principais Tecnologias Utilizadas

Espero que este projeto seja uma experiência valiosa para o desenvolvimento das habilidades em design e usabilidade, além de proporcionar um ambiente de aprendizado colaborativo na comunidade GitHub. Sintam-se à vontade para contribuir, sugerir melhorias e compartilhar conhecimentos relacionados ao projeto.

Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.