Recomeça é uma aplicação web desenvolvida com React 19 para organização de metas pessoais, focada em simplicidade, constância e recomeços. O projeto permite criar, editar, excluir e concluir metas, com persistência de dados no Local Storage, simulando um produto real de uso cotidiano. A aplicação foi pensada para ir além de um exercício técnico, aplicando gerenciamento de estado, Context API e experiência do usuário, com identidade visual e narrativa próprias. A interface conta ainda com frases motivacionais exibidas de forma dinâmica, escolhidas aleatoriamente a cada carregamento e renderizadas com efeito de escrita progressiva, reforçando a proposta do projeto.
Este projeto foi desenvolvido durante o curso da Alura:
- "React: utilizando hooks para gerenciar estados"
A proposta inicial do curso foi adaptada para um contexto autoral, transformando uma lista de tarefas em uma aplicação de metas pessoais, com foco em organização, constância e experiência do usuário.
- Aplicar hooks do React em um cenário prático
- Trabalhar com gerenciamento de estado local e global
- Implementar Context API para compartilhamento de estado
- Utilizar Local Storage para persistência de dados no front-end
- Criar uma aplicação organizada, escalável e próxima de um produto real
- Cadastro de metas por meio de modal
- Edição de metas existentes
- Exclusão de metas
- Marcação de metas como concluídas
- Separação entre metas ativas e concluídas
- Persistência de dados com Local Storage
- Empty state quando não há metas cadastradas
- Frases motivacionais dinâmicas, com efeito de escrita progressiva a cada reload
Tecnologias e conceitos aplicados no projeto:
- React 19 – criação de componentes funcionais e interfaces reativas
- JavaScript (ES6+) – lógica da aplicação e manipulação de estados
- Hooks (useState, useEffect) – gerenciamento de estado e efeitos colaterais
- Context API – gerenciamento de estado global
- Local Storage – persistência de dados no navegador
- CSS – estilização e organização visual
- Vite – ambiente de desenvolvimento moderno e rápido
Uma prévia das principais funcionalidades da aplicação:
🏠 Página Inicial
Lista de metas com frases motivacionais dinâmicas e efeito de escrita.
✏️ Cadastro/Edição de Meta
Modal para criação e edição de novas metas.
🫙 Empty State
Estado exibido quando não há metas cadastradas.
🌐 Acesse o Projeto Online
O projeto está disponível para visualização na Vercel:
Desenvolvido por Natalia Mirian Timote, desenvolvedora e educadora em tecnologia e programação.
