An open API service indexing awesome lists of open source software.

https://github.com/megave/nlw-expert-react

Projeto Backend da NLW Expert, da Trilha "React". | Backend Project from NLW Expert, from the Trail "React"
https://github.com/megave/nlw-expert-react

react tailwindcss typescript vite web-speech-api web-storage

Last synced: 10 months ago
JSON representation

Projeto Backend da NLW Expert, da Trilha "React". | Backend Project from NLW Expert, from the Trail "React"

Awesome Lists containing this project

README

          

# NLW Expert React

EN: Development of a front-end application in ReactJS, applying the concepts of Props, State, and Components, using TypeScript for typing, tooling with Vite, responsive interface with TailwindCSS, and usage of Web APIs such as Web Storage and Web Speech.

PT: Desenvolvimento de uma aplicação front-end em ReactJS, aplicação dos conceitos de Propriedades, Estados e Componentes, tipagem com Typescript, tooling com Vite, interface responsiva com TailwindCSS, uso de APIs da Web como Web Storage e Web Speech.

## Description (Descrição)

The project consists in a TODO List web page capable of generating notes through text or AI powered voice recording and saving them on the localStorage.

(O projeto consiste em uma página web de Lista de Tarefas, capaz de gerar notes por texto ou gravação de voz reconhecida por IA, salvando-as por meio do localStorage.)

## Installing (Instalação)

Requirements:

(Requisitos:)

- Node JS
- NPM
- SpeechRecognition compatible browser (optional)

Inside the root folder , enter the command:

(Dentro da pasta raiz, digite o comando:)

#### npm install

to install the required dependencies via NPM. Then enter

(para instalar as dependências necessárias pelo NPM. Então digite)

### npm run dev

to run the Frontend interface.

(para rodar a interface Frontend.)

![Screenshot from 2025-05-10 13-51-33](https://github.com/user-attachments/assets/b025b007-5620-432b-9311-ab51dedaa88c)

![Screenshot from 2025-05-10 13-51-40](https://github.com/user-attachments/assets/d36990e1-9af0-4282-a316-1299db9bdf6b)

![Screenshot from 2025-05-10 13-52-08](https://github.com/user-attachments/assets/d64b9f05-37dd-43f6-a606-2ba72148dcaf)