/notes

Aplicativo mobile desenvolvido em React Native com Expo. Funciona como um bloco de notas tradicional, com a possibilidade de criar, visualizar, editar e deletar anotações. Além disso, possui uma aba de notas especiais que funcionam como post-its, para anotações mais curtas e objetivas.

Primary LanguageTypeScriptMIT LicenseMIT

Logo do Notes

Notes

Aplicativo mobile desenvolvido em React Native com Expo. Funciona como um bloco de notas tradicional, com a possibilidade de criar, visualizar, editar e deletar anotações. Além disso, possui uma aba de notas especiais que funcionam como post-its, para anotações mais curtas e objetivas.

Projeto base finalizado 🚀


Funcionalidades

  • Criação, visualização, edição e deleção de notas.
  • Criação, visualização, edição e deleção de post-its.
  • Filtrar anotações e post-its por "mais antigos" ou "mais recentes".
  • Escolha de cores de fundo para os post-its.
  • Armazenamento de dados no dispositivo do usuário com Async Storage.
  • Perguntar por criação de rascunhos ao clicar em voltar.
  • Perguntar se deseja salvar as alterações feitas em notas já existentes.
  • Configurações para ativar ou desativar as funções de rascunhos e de alterações feitas.

Teste a aplicação instalando-a na sua máquina

Primeiramente, você vai precisar ter o Node e o NPM instalados na sua máquina (você pode baixá-los aqui) , assim como o Yarn e o Expo.

  • Você pode instalar o yarn da seguinte forma: acesse o terminal do seu Sistema e execute o seguinte comando:

      npm install --global yarn
    
  • Após isso você pode verificar se a instalação funcionou, executando

      yarn --version
    
  • Você pode instalar o expo da seguinte forma: acesse o terminal do seu Sistema e execute o seguinte comando:

      npm install expo-cli --global
    
  • Após isso você pode verificar se a instalação funcionou, executando

      expo --version
    

Obs: um erro comum na instalação dessas ferramentas no Windows está relacionado à políticas de segurança do Windows Powershell. Caso enfrente esse erro, você pode ver formas de resolvê-lo aqui

Após isso, clone o repositório na pasta de sua preferência

  • O projeto apresenta uma variada gama de bibliotecas e dependências, as quais você pode instalar usando o terminal. Todas são necessárias para o pleno funcionamento do app. Acesse a linha de comando de seu S.O, navegue até a pasta do Notes e instale as bibliotecas usando o seguinte comando:

      yarn install
    
  • Após todo o processo de instalação, você pode executar o projeto via servidor do expo, utilizando o seguinte comando:

      expo start
    

    Agora, apenas aguarde enquanto o Expo abre a janela da aplicação para que você possa vê-la funcionando.

    • Caso esteja usando um dispositivo físico, baixe o app do Expo na loja de aplicativos do seu celular (Android ou IOS) e então use-o para scannear o código QR que aparece na janela aberta na sua máquina.
    • Caso esteja usando um emulador, abra-o e clique em Run on Android device/emulator.

🛠 Tecnologias

As ferramentas utilizadas para o desenvolvimento da aplicação foram:

  • React Native com Expo
  • TypeScript

Autor



Sérgio Gabriel
🚀
Twitter