lukeskw/reactjs-notes

Project built with the goal of developing a simple notes app with voice input. Uses react and tailwind

Talki Notes

A note-taking web application built with React, incorporating features for creating, managing, and searching notes using text and voice input.

Project Overview

Talki Notes is a web-based note-taking application that allows users to create and manage notes effortlessly. It provides both text and voice input options for creating notes, making it convenient for users who prefer different input methods. The application is built using React and features a clean and intuitive user interface.

Technologies Used

• React
• SpeechRecognition API
• Tailwind CSS
• Sonner
• Shadcn/ui
• Search Input with debounce technique

Features

• Create new notes using text input
• Record audio notes, automatically converted to text
• Delete existing notes
• Search notes by content

How to Use

1. Open the application in your web browser.
2. To create a new note:
   • Click on "Add note".
   • Start recording an audio note or enter text directly.
   • Click "Save note" to save your note.
3. To delete a note:
   • Click on the note card and confirm deletion.

Screenshots

Homepage

Getting Started

1. Clone the repository.
2. Navigate to the project directory.
3. Install dependencies using npm install.
4. Start the development server using npm run dev.
5. The application will be running on http://localhost:5173.

Authors

Lucas Porfirio

Feel free to follow my GitHub for more projects and updates. Thank you for checking out Talki Notes! Happy note-taking!