NoteIt is a simple, modern, and intuitive note-taking web application built with React and Vite. Easily add, pin, archive, mark as important, and delete notes — all within a clean, distraction-free interface.
| 🎯 Feature | 📋 Description |
|---|---|
| 📝 Quick Add | Instantly jot down notes with a title & content |
| 📌 Pin Notes | Keep essential notes always at the top |
| ⭐ Mark as Important | Never lose track of what matters most |
| 🗄️ Archive | Declutter your space without deleting ideas |
| 🗑️ Bin | Remove notes with undo—permanently delete when ready |
| 🎨 Modern UI | Responsive, elegant design (Tailwind CSS + Material Icons) |
| ⚡ Lightning Fast | Powered by Vite for instant feedback |
| 🧭 Smart Navigation | Effortlessly switch between Home, Archive, Important, and Bin |
- Node.js (v14 or higher)
- npm or yarn
# Clone the repository
git clone https://github.com/ritiksingh-01/Notes-App.git
# Navigate to project directory
cd Notes-App
# Install dependencies
npm install # or yarn install
# Start development server
npm run dev # or yarn devOpen http://localhost:5173 in your browser.
src/
├── Components/ # Reusable UI components (Navbar, SideBar, NotesCard, etc.)
├── Pages/ # Home, Archive, Important, Bin views
├── Context/ # Global state management with React Context
└── reducer/ # Reducer logic for notes, archive, bin, etc.
| 🎯 Area | 📋 Instructions |
|---|---|
| Styling | Edit styles in tailwind.config.js to tweak the look & feel |
| Icons | Add or change icons using Material Icons |
Ritik Singh MERN Stack Developer 
|
Special thanks to the amazing tools that made NoteIt possible:
- Vite + React Template - For the development foundation
- Material Icons - For the beautiful icon library
- Tailwind CSS - For the utility-first styling approach