O projeto NLW-Notes é uma aplicação web desenvolvida com o objetivo de fornecer aos usuários uma plataforma para criar e gerenciar notas de forma eficiente. Utilizando tecnologias modernas como React, Firebase, Tailwind CSS, Lucide e Sonner, o NLW-Notes oferece uma experiência amigável, intuitiva e responsiva.
-
React: O framework JavaScript utilizado para a construção da interface do usuário, oferecendo uma experiência dinâmica e responsiva.
-
Firebase: O Firebase é utilizado como banco de dados para armazenar as notas dos usuários, além de fornecer autenticação para gerenciar o registro e login dos usuários de forma segura e eficiente.
-
Tailwind CSS: Um framework de estilização utilizado para garantir um design moderno e responsivo para a aplicação, permitindo uma fácil customização e manutenção do estilo.
-
Lucide: Biblioteca de ícones SVG utilizada para adicionar ícones apropriados e intuitivos à interface do usuário, facilitando a identificação de diferentes elementos e funcionalidades.
-
Sonner: Uma biblioteca utilizada para implementar notificações na aplicação, permitindo que os usuários sejam informados sobre eventos importantes de forma proativa.
Ao acessar a aplicação pela primeira vez, o usuário é direcionado para o processo de cadastro, onde ele pode criar uma conta utilizando um e-mail e senha.
Após o cadastro, o usuário pode fazer login utilizando suas credenciais previamente cadastradas.
Após o login, o usuário é redirecionado para a área de notas, onde pode visualizar todas as notas previamente criadas e criar novas.
As notas podem ser criadas utilizando texto convencional ou utilizando o recurso de voz do SpeechRecognition, proporcionando uma experiência de uso mais versátil e eficiente.
A aplicação utiliza a biblioteca Sonner para enviar notificações aos usuários sobre eventos importantes, como novas notas criadas ou atualizações relevantes.
O usuário poderá ver no canto superior direito, um card com as informações preenchidas no cadastro, e também fazer upload de uma foto para o sistema.
Certifique-se de ter o Node.js instalado em seu sistema. Você pode baixá-lo e instalá-lo a partir do site oficial: Node.js. Tenha o gerenciador de pacotes npm ou Yarn instalado em seu sistema.
Para rodar o projeto NLW-Notes em React com Vite, siga os passos abaixo:
Pré-requisitos Certifique-se de ter o Node.js instalado em seu sistema. Você pode baixá-lo e instalá-lo a partir do site oficial: Node.js. Tenha o gerenciador de pacotes npm ou Yarn instalado em seu sistema.
Clone o repositório do projeto do NLW-Notes do GitHub:
git clone https://github.com/ThomazHilario/Notes.git)https://github.com/ThomazHilario/Notes.git
cd nlw-notes
npm install
ou
yarn
Após a instalação das dependências, você pode iniciar o servidor de desenvolvimento executando o seguinte comando:
npm run dev
ou
yarn dev