NoteKeeper

A modern, responsive note-taking application inspired by Google Keep, built with React and TypeScript.

Features

Core Functionality

• ✍️ Create, edit, and delete notes
• 🎨 Color-code notes (6 different colors)
• 🏷️ Add and manage tags
• 🔄 Drag and drop to reorder notes
• 💾 Auto-save functionality
• 📱 Responsive design for all devices

Smart Organization

• 🔍 Full-text search across notes
• 🗂️ Filter notes by tags
• 🎨 Filter by colors
• 📊 Masonry layout for better visual organization

User Experience

• 🚀 Fast and responsive interface
• 💫 Smooth animations and transitions
• 📲 Mobile-friendly with slide-out filters
• 💾 Persistent storage (notes saved locally)

Tech Stack

• React 18
• TypeScript
• Tailwind CSS
• Shadcn/ui
• DND Kit
• Vite

Getting Started

1. Clone and install dependencies:

git clone https://github.com/yourusername/notekeeper.git
cd notekeeper
npm install

2. Start the development server:

npm run dev

3. Open your browser and navigate to http://localhost:5173 to view the application.

Contributing

1. Fork the repository
2. Create a new branch
3. Make your changes and commit them
4. Push your changes to your fork
5. Create a pull request

License

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

Contact

For questions or feedback, please contact me at [email protected].