O NoteManager é um aplicativo móvel simples para gerenciamento de notas, que demonstra o uso de estados e a criação de componentes reutilizáveis. O aplicativo permite aos usuários adicionar novas notas de texto e visualizá-las em uma lista.
- Exibir uma lista de notas adicionadas, cada uma mostrando seu conteúdo (texto simples).
- Um campo de entrada de texto e um botão para adicionar uma nova nota.
- Quando uma nota é adicionada, ela é inserida no estado global e aparece na lista.
- Opção para remover notas individuais ou remover todas as notas de uma vez.
- NoteItem: Componente para exibir uma única nota (recebe o texto da nota como uma prop).
- NotesList: Componente que recebe a lista de notas e renderiza múltiplos componentes NoteItem.
- AddNoteForm: Componente com um campo de entrada de texto e um botão para adicionar uma nova nota, chamando uma função do estado global.
- Node.js e npm instalados na sua máquina.
- Expo CLI instalado globalmente. Você pode instalar usando o seguinte comando:
npm install -g expo-cli
-
Clone o repositório: ```sh git clone
-
Navegue até o diretório do projeto:
cd notes-app/NoteManager -
Instale as dependências:
npm install
-
Execute o aplicativo:
npm start
-
Isso iniciará o servidor de desenvolvimento do Expo e exibirá um código QR.
Baixe o aplicativo Expo Go no seu telefone pela App Store (iOS) ou Google Play Store (Android).
Abra o aplicativo Expo Go no seu telefone e escaneie o código QR exibido no terminal ou navegador.