Skip to content

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.

License

Notifications You must be signed in to change notification settings

igords-goncalves/todowatch

Repository files navigation

todowatch

Open Source Love svg1 linkedin

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

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

TypeScript

React

React

SASS

Framer

Vite

ESLint

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.

banner-postagem

Licença

MIT license

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

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published