🚀 ProductiVerse

Your Ultimate Productivity Chrome Extension — built with Vite + React

---

🚀 Public Launch

ProductiVerse is now live on the Chrome Web Store! 🎉
It’s your all-in-one productivity assistant built directly into Chrome — helping you stay focused, organized, and distraction-free.

👉 Install ProductiVerse from the Chrome Web Store

---

✨ Features

• 📝 Task Manager – Create and track your daily to-dos
• 🎵 Focus Sounds – Built-in ambient music to enhance focus
• 🍅 Pomodoro Timer – Customizable work/break intervals
• 🚫 Website Blocker – Block distractions during deep work
• 💭 Daily Quotes – Motivational content to kickstart your day
• ⚡ Fast & Modern – Powered by Vite + React + Manifest V3
• 🧩 Chrome Native – Lightweight and seamlessly integrated with your browser

---

🧪 Getting Started

1. Click the ProductiVerse icon in your Chrome toolbar
2. Explore the built-in productivity tools
3. Customize settings to fit your workflow
4. Start boosting your productivity!

---

🛠️ Local Development

Prerequisites

• Node.js (v16 or higher)
• npm
• Chrome browser

Setup

# Clone the repository
git clone https://github.com/binay-tripathy/ProductiVerse.git
cd ProductiVerse

# Install dependencies
npm install

# Start development server
npm run dev

---

📦 Available Scripts

npm run dev

Runs the app in development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the dist folder.
The build is optimized and ready for Chrome extension deployment.

npm run preview

Serves the production build locally for preview.

npm test

Launches the test runner with Vitest.
See the Vitest documentation for more information.

npm run lint

Runs ESLint to check for code quality issues.

---

🧩 Manual Installation (Unpacked Extension)

1. Clone this repository and build the project:

   git clone https://github.com/binay-tripathy/ProductiVerse.git
   cd ProductiVerse
   npm install
   npm run build

2. Open Chrome and navigate to chrome://extensions/

3. Enable "Developer mode" in the top right corner

4. Click "Load unpacked" and select the dist folder from this project

5. The ProductiVerse extension will now be active in your browser

---

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

🐛 Issues & Support

If you encounter any issues or have suggestions for improvements, please open an issue.

---

📚 Learn More

• Vite Documentation
• React Documentation
• Chrome Extensions Documentation
• Chrome Extensions Documentation