# 📚 ClariNote

**ClariNote** is an intelligent web app that helps students supercharge their study sessions using structured focus cycles, flashcards, and a smart AI assistant. It combines the **Pomodoro Technique**, spaced repetition, and AI-powered queries into a unified productivity workspace for learners.

---

## 🚀 Features

### ✅ Core Features

1. **🕒 Pomodoro Focus Timer**

   * Customizable work and break durations
   * Visual countdown with Start/Stop functionality
   * Tracks completed sessions for daily productivity

2. **📚 AI Assistant**

   * Ask questions related to your study material
   * Instant explanations and help powered by AI
   * Seamlessly integrated into the study workflow

3. **🧠 Flashcards System**

   * Create flashcards for any subject or topic
   * Flip animation and review/test modes
   * Ideal for active recall and spaced repetition

4. **📈 Progress Overview**

   * Visual indicators of completed Pomodoro cycles
   * Encourages consistency and discipline

5. **🌙 Light & Dark Modes**

   * Toggle between light and dark themes
   * Reduces eye strain and enhances user comfort

---

## 💡 Value Proposition

ClariNote is designed to help students:

* Stay laser-focused using structured Pomodoro sessions
* Master concepts through spaced-repetition flashcards
* Get help instantly with the AI-powered assistant
* Track progress and build consistent study habits
* Customize their experience for maximum comfort

> ✨ ClariNote transforms your study time into an efficient, AI-enhanced experience.

---

## 🛠️ Installation

1. Clone the repository:

   ```bash
   git clone https://github.com/AbdulRehmanMarfani/clarinote.git
   cd clarinote
   ```

2. Install dependencies:

   ```bash
   npm install
   ```

3. Run the development server:

   ```bash
   npm run dev
   ```

4. Open in your browser:

   ```
   http://localhost:3000
   ```

---

## 📦 Deployment

ClariNote is live here:
👉 **[https://clarinote.vercel.app](https://clarinote.vercel.app)**

---

## 🧠 Tech Stack

* **Framework**: Next.js
* **Styling**: Tailwind CSS
* **AI Integration**: OpenAI API or similar
* **State Management**: React hooks
* **Deployment**: Vercel

---

## 🙌 Contributing

Feel free to open an issue or submit a pull request if you'd like to contribute or suggest a feature!

---