Automatic Convert Audio Notes to Text - React / Typescript

This is a frontend-only application built with ReactJS and TypeScript using Vite as the development environment and Tailwind CSS for styling. The primary purpose of this application is to provide a user-friendly interface for creating, managing, and searching notes.

Features

• Text Notes: Create text notes effortlessly by typing directly into the application.
• Voice Recognition: Utilize speech-to-text functionality to create notes using the browser's SpeechRecognition API.
• Note Management: View, delete, and search notes seamlessly on the application's interface.
• Timestamps: Track the creation time of each note to keep things organized.

Technologies Used

• ReactJS: A powerful JavaScript library for building user interfaces.
• TypeScript: A superset of JavaScript that adds static typing to the language.
• Vite: A fast frontend development build tool that provides a streamlined development experience.
• Tailwind CSS: A utility-first CSS framework for rapid and efficient styling.

Getting Started

To run the project locally, follow these steps:

1. Clone the repository:

  git clone https://github.com/your-username/react_automatic_convert_audio_notes_to_text.git

2. Change your current directory to the repository

  cd react_automatic_convert_audio_notes_to_text

3. Ensure you have Node.js LTS installed (current version during development: 20.11.0).

4. Install project dependencies using your preferred package manager:

npm install # or yarn install

5. Start the development server:

npm run dev # or yarn dev

6. Visit http://localhost:5173/ in your browser to access the application.

Local Storage

Note data is persisted locally using the browser's localStorage.

Deployment

This application is deployed via Vercel.

Contribution

Feel free to contribute to the project by submitting issues or creating pull requests. We welcome any feedback, bug reports, or feature suggestions.