Skip to content

Repository files navigation

🎙️ Voice-2-Note

A full-stack voice-to-text note-taking application that allows users to record, save, and manage notes seamlessly using speech recognition and a clean UI.


🚀 Live Demo


✨ Features

  • 🎤 Convert voice to text in real-time
  • 🔐 User authentication (email & password)
  • 📝 Create, view, and delete notes
  • 💾 Persistent data storage
  • 🌐 Fully deployed full-stack application
  • 📱 Responsive and user-friendly interface

🛠️ Tech Stack

Frontend

  • React (Vite)
  • JavaScript (ES6+)
  • CSS

Backend

  • Node.js
  • Express.js
  • MongoDB (Mongoose)

Deployment

  • Frontend: Vercel
  • Backend: Render

📂 Project Structure

Voice-2-Note/
│
├── backend/
│   ├── models/
│   ├── routes/
│   ├── server.cjs
│   └── package.json
│
├── src/
│   ├── components/
│   ├── pages/
│   └── App.jsx
│
├── public/
├── index.html
└── vite.config.js

⚙️ Setup Instructions

1. Clone the repository

git clone https://github.com/ChitraKalra17/Voice-2-Note.git
cd Voice-2-Note

2. Backend Setup

cd backend
npm install

Create a .env file:

MONGO_URI=your_mongodb_connection_string
PORT=5000

Run backend:

node server.cjs

3. Frontend Setup

cd ..
npm install

Create .env file:

VITE_API_URL=http://localhost:5000

Run frontend:

npm run dev

🌐 Deployment Notes

  • Frontend deployed on Vercel
  • Backend deployed on Render
  • Environment variables configured for production

⚠️ Notes

  • Render free tier may cause initial delay due to cold starts
  • Ensure correct API URL is set in environment variables

🔮 Future Improvements

  • 🔐 Secure authentication with JWT
  • 🔑 Google Sign-In (OAuth)
  • 🏷️ Tagging and searching notes
  • 🌙 Dark mode
  • 📤 Export notes

👩‍💻 Author

Chitra Kalra


About

Voice to notes web app built with React & Web Speech API

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages