ivanvinicius/ignite.todo

Challenge - practicing the basic concepts of ReactJS

Reactodo - App de todo para o desafio do ignite.

Resumo

1. Visão geral do projeto
2. Tecnologias utilizadas
3. Instalação e utilização
4. Conhecimentos aplicados

Visão geral do projeto

Ver projeto no Netlify

Tecnologias utilizadas

• ViteJS
• ReactJS
• StitchesJS
• React Hot Toast
• React Hook Form
• Yup
• Iconscout unicons
• Netlify
• Date-fns
• Uuid

Instalação e utilização

Pré-requisitos

Instalações necessárias

1. NodeJS
2. Yarn

Instalação

1. Baixe as depedências do projeto com o comando $ yarn.
2. Rode o projeto com o comando $ yarn dev. -> localhost:3000

Conhecimentos aplicados

1. Input controlado com React Hook Form
2. Controle de tema através de Hooks
3. Criação do próprio hook de tema através do StitchesJS
4. Input text com bordas de erro e focus
5. Mensagens de sucesso ao cadastrar e deletar tarefa
6. Dados de tema e tarefas sendo salvos no localStorage do navegador
7. Uso de hook para pegar tamanho da mídia do usuário
8. Responsividade
9. Validação de formulário com Yup
10. Formatação de datas com Date-fns
11. Input checkbox personalizado através de imagem
12. Uso de pseudo-elementos para estilizar o componente de task + input checkbox
13. Configuração de tema no StitchesJS
14. Padroẽs de código com Prettier e Eslint

Voltar ao Início