RocketNotes

Projeto   |    Páginas   |    Funcionalidades   |    Tecnologias   |    Utilização   |    Licença

License

📁 Projeto

Figma do projeto disponível no 🔗Figma A aplicação RocketNotes está disponível para utilização aqui.

Capa

Frontend do projeto RocketNotes, sua aplicação para salvar e gerenciar links úteis!

📃 Páginas

A aplicação conta com páginas de login, cadastro, visualizar nota, perfil e criar nota.

Home notas perfil login newuser

🛠️ Funcionalidades

A aplicação apresenta as seguintes funcionalidades:

  • Login;
  • Cadastro;
  • Mostrar perfil;
  • Atualizar perfil;
  • Cadastrar notas;
  • Mostrar notas cadastradas;
  • Filtrar notas;
  • Mostrar detalhes da nota;
  • Excluir nota;
  • Logout.

💻 Tecnologias

Este projeto foi desenvolvido com as seguintes tecnologias:

  • ViteJS;
  • ReactJS;
  • Styled Components;
  • React Icons;
  • React Router;
  • Axios.

Conceitos em prática que aprendi com esse projeto. Autenticação; JWT; Middlewares; Upload de imagens; API Restful; Cors; Axios; Contextos; Hooks; LocalStorage;

💡 Utilização

A aplicação RocketNotes está disponível para utilização aqui.

Você também pode instalá-la em sua máquina localmente. Para isso, clone o projeto, acesse a pasta, instale as dependências e inicie o servidor.

$ git clone https://github.com/madalena-rocha/rocket-notes
$ cd rocket-notes
$ npm install
$ npm run dev

⚠️ Importante: Este projeto está utilizando uma hospedagem gratuita para o seu backend, portanto, pode haver atrasos no tempo de resposta do servidor.

📝 Licença

Este projeto está sob a licença MIT.