https://github.com/gustavo-martins-pereira/nlw14-react-notes

https://github.com/gustavo-martins-pereira/nlw14-react-notes

css3 html5 javascript personal-project react rocketseat tailwind typescript

Last synced: 23 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/gustavo-martins-pereira/nlw14-react-notes
• Owner: gustavo-martins-pereira
• Created: 2024-02-12T00:53:37.000Z (12 months ago)
• Default Branch: master
• Last Pushed: 2024-02-16T12:25:48.000Z (12 months ago)
• Last Synced: 2024-11-15T06:25:53.673Z (3 months ago)
• Topics: css3, html5, javascript, personal-project, react, rocketseat, tailwind, typescript
• Language: TypeScript
• Homepage: https://nlw-14-react-notes.vercel.app
• Size: 86.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NLW 14 - Trilha React - Sistema de Notas

Site responsivo de notas, onde é possível escrever uma nota pelo teclado, ou pela fala através do microfone. As notas são armazenadas pelo browser, onde mesmo que o navegador seja fechado, as notas continuam armazenadas no cache.

![Página de dashboard do sistema de notas](./readme/banner.png)



## :computer: Tecnologias Usadas

 

 

 

 

 

 

## ⚙ Configurações Iniciais

1. Instale as dependências do projeto com o comando abaixo:

```bash

npm install

```

2. Execute o servidor **vite** com:

```bash

npm run dev

```

3. Abra o navegador na URL: *http://localhost:5173*.

## 💿 Como Executar

A aplicação consiste em criar **notas** através do teclado ou do microfone.

Clique no 1º card:

![Card para criar uma nova nota](./readme/create-note.png)

Escolha de qual forma você deseja escrever na nota:

![Escolher opção de escrever na nota através do microfone ou através do teclado](./readme/chose-option.png)