Expert Notes is a web application to create notes with text and transcripted audios. The project was developed during NLW Expert (ReactJS), event presented by Rocketseat.
To complement the project I developed:
- info about number of notes
- batch note deletion button and dialog
- draft note in local storage
- improvements in responsiveness, accessibility and components
- improvements to the UI for writing and recording audio
- rules for closing dialog with esc and click outside
- audio concatenation
Obs: Speech Recognition is working in portuguese audios and only works on some browsers
This project was developed using the following technologies:
- React
- TypeScript
- Tailwind CSS
- Radix
- Sonner Toast
- SpeechRecognition Web API
- Vercel
You can view the official version of the project layout through this link. You must have an account at Figma to access it.
- First, you need install Node.js
- Clone the repository
git clone https://github.com/rafaelthz/expert-notes - Access the folder
cd expert-notes - Install the dependencies with
npm install - Start the server with
npm run dev
Now you can access localhost:5173 in your browser.
