Índice | Sobre o Projeto | Tecnologias | Resultado | Contato
🔎 Durante o mês de agosto a dezembro/22, fui selecionada para um programa de mentoria individual com o Gabriel Eiji. Ao longo desses meses, realizamos encontros semanais com a finalidade de estudar conceitos relacionados a lógica de programação, javascript, react e praticar muuuito com exercícios no site LeetCode e projetos.
Com a mentoria eu aprendi:
- Antes de tudo: ler a documentação!
Desenvolvi o hábito de sempre ler a documentação antes de usar a ferramenta para entender como/o que pode ser feito com ela. Além disso, sempre recorro a esse documento quando surge alguma dificuldade e percebi que consegui solucinar vários bugs apenas lendo a documentação
Vou deixar salvo aqui algumas docs que utilizei nesse projeto: Javascript |
React |
Firebase |
Material UI |
Create react app |
Vercel
- Pensar antes de escrever o código
Nunca pensei que faria isso sendo programadora mas escrever o planejamento do projeto/exercício em um papel antes de codar facilita demais no desenvolvimento dele. Fora que é muito melhor do que programar na base da tentativa e erro porque você entende melhor o código e te poupa tempo; 😉
- Ser autodidata
Aprendi a fazer pesquisas mais assertivas e solucionar as minhas dúvidas buscando recursos para estudar sobre o assunto em tutoriais, videos, exemplos em sites... E em último caso pedia socorro ao Eiji!
- Praticar o que aprender e sair da zona de conforto
Criei o hábito de resolver exercícios para praticar o que aprendi mas muitas vezes me deparei com exercícios em que era necessário algum conhecimento que eu ainda não tinha. Com isso, ao invés de pular o exercício, a solução foi estudar por demanda, ou seja, eu lia sobre o assunto sempre que me deparava com um tema desconhecido e tentava resolver. Isso foi ótimo para me desafiar a aprender algo novo e me tirar da zona de conforto. Resolver exercicios em sites também fez com que eu tivesse mais atenção com a velocidade de execução do código;
- Alguns conceitos estudados
Algoritimos, variáveis, tipos de dados, operações aritméticas/comparativas/logicas, operadores, métodos de array, json, requisição de API, localstorage, arrow functions, callback, promises, funções assíncronas, spread operator, firebase, jsx, componentes, props, hooks, react router, material UI, git, github...
Portanto, a To Do List foi desenvolvida ao longo desse programa para aliar os estudos a prática.
O que pratiquei?
✔️ ReactJs
✔️ CRUD - Create, Read, Update, Destroy
✔️ Funções assíncronas
✔️ React Router
✔️ Firebase authentication (log in, log out)
✔️ LocalStorage
✔️ Material UI
📌 Realiza login/logout;
📌 Apresenta página inicial com a foto e nome do usuário;
📌 Adiciona, edita, conclui e exclui uma nova tarefa;
📌 Altera o tema (dark - light mode);
📌 Ordena tarefas por nível de prioridade de 1 a 5;
📌 Armazena os dados de cada usuário no firestore;
🚀 O resultado foi um site completo com diversas funcionalidades e com a capacidade de armazenamento dos dados para que o usuário não perca suas tarefas adicionadas.
Video.ToDo.mp4
