Uma aplicação simples para gerenciar anotações de forma fácil e intuitiva. Permitindo que usuários possam criar, visualizar, editar e excluir anotações de forma fácil e rápida.
- React
- JSX
- CSS
- Adicionar anotação: Os usuários podem criar novas anotações, fornecendo um título e conteúdo.
- Visualizar anotações: Todas as anotações são exibidas em uma lista, onde os usuários podem ver o título e conteúdo de cada uma.
- Editar anotação: Ao clicar no botão de edição em uma anotação, os usuários podem alterar o título e conteúdo da anotação selecionada.
- Excluir anotação: Os usuários podem remover uma anotação da lista ao clicar no botão de exclusão correspondente.
- Clone o repositório: git clone https://github.com/josephmatheus/react-notes-app.git
- Navegue até o diretório do projeto:
cd notes-app - Instale as dependências:
npm install - Inicie a aplicação:
npm start - Acesse a aplicação no seu navegador: http://localhost:3000
- src
- components: Contém os componentes React utilizados na aplicação.
- NoteForm: Formulário para adicionar novas anotações.
- NoteList: Lista de anotações existentes.
- NoteItem: Item individual da lista de anotações.
- NoteEditForm: Formulário para editar uma anotação existente.
- App.jsx: Componente raiz da aplicação.
- index.jsx: Ponto de entrada da aplicação.
- components: Contém os componentes React utilizados na aplicação.
Contribuições são bem-vindas!
Sinta-se à vontade para abrir uma issue ou enviar um pull request.
Algumas Sugestões (que também são o que penso implementar):
- Implementar pesquisa de anotações por título ou conteúdo.
- Adicionar filtros ou categorias para organizar as anotações em diferentes grupos.
- Adicionar uma funcionalidade de marcação para destacar anotações importantes ou concluídas.
- Explorar outras melhorias e recursos que você achar relevantes para o Notes App.
Este projeto está licenciado sob a MIT License.