Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/igords-goncalves/todowatch
balance-wrapper boticario desenvolve-2023 desenvolve-3-edicao eslint framer-motion gb-tech javascript prettier react typescript vite
Last synced: 20 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/igords-goncalves/todowatch
- Owner: igords-goncalves
- License: mit
- Created: 2023-05-25T10:58:54.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-08-01T13:33:23.000Z (over 1 year ago)
- Last Synced: 2025-01-09T15:52:30.016Z (28 days ago)
- Topics: balance-wrapper, boticario, desenvolve-2023, desenvolve-3-edicao, eslint, framer-motion, gb-tech, javascript, prettier, react, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 435 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# todowatch
[](https://github.com/ellerbrock/open-source-badges/)
[](https://www.linkedin.com/in/igords-goncalves/)
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.
| 💙 | 👀 |
| -------- | -------- |
| ![Linha 2, Coluna 1]() | ![Linha 2, Coluna 2]() |
| ![Linha 3, Coluna 1]() | ![Linha 3, Coluna 2]() |
## 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*](https://docs.github.com/en/get-started/quickstart/fork-a-repo)
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*](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-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
[](https://lbesson.mit-license.org/)
Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.