🚀RocketNotes (Pc Only)

image

🔨Visão Geral

"RocketNotes" é uma aplicação web que permite aos usuários gerenciar suas notas e links úteis de forma eficiente. A aplicação possui uma interface de usuário intuitiva e recursos essenciais para criação, edição e exclusão de notas, pesquisa de notas com base em tags e títulos, além de recursos de perfil de usuário e autenticação.

Front-End

O front-end da aplicação foi desenvolvido em React, uma biblioteca JavaScript amplamente utilizada para criar interfaces de usuário interativas. Abaixo estão os principais componentes e funcionalidades do front-end:

💻Páginas Principais e outros:

  • Home: A página inicial, onde os usuários podem visualizar suas notas e filtrá-las com base em tags e pesquisa por título.
  • New: Permite aos usuários criar novas notas, fornecendo campos para título, descrição, links e tags.
  • Details: Exibe detalhes de uma nota específica, incluindo títulos, descrições, links e tags. Também oferece a opção de excluir a nota.
  • Profile: Permite aos usuários atualizar suas informações pessoais, como nome, e-mail, senha e imagem de perfil.
  • Componentes Reutilizáveis: O projeto inclui diversos componentes reutilizáveis para garantir consistência e facilidade de manutenção.
  • Roteamento: O projeto utiliza React Router para gerenciar as rotas da aplicação, direcionando os usuários para as páginas apropriadas.
  • Requisições à API: As páginas fazem chamadas à API back-end para recuperar e atualizar dados, como notas e informações do usuário.

✔️Tecnologias Utilizadas:

Front-End:

  • React: Biblioteca JavaScript para construção de interfaces de usuário.
  • React Router: Para gerenciar as rotas da aplicação.
  • Styled Components: Para estilização de componentes em React.
  • Axios: Biblioteca para fazer requisições à API.

📝Resumo

"RocketNotes" é uma aplicação completa de gerenciamento de notas e links úteis que se baseia na tecnologia React no front-end e requer um back-end com funcionalidades de autenticação, gestão de usuários e notas, segurança e banco de dados. O projeto é uma solução eficaz para ajudar os usuários a organizar suas notas de maneira prática e eficiente.

Para acessar o site do "Rocket Notes", você pode clicar aqui.

🤝Desenvolvedores

Foto do Victor Mateus no GitHub