A modern, feature-rich note-taking application built with React, TypeScript, and Vite. This application provides a clean and intuitive interface for creating, managing, and organizing your notes.
- 📝 Create and edit rich text notes with formatting options
- 📋 Organize notes with titles and timestamps
- ⭐ Favorite important notes for quick access
- 💾 Automatic saving of notes
- 🎨 Clean and modern user interface
- ⌨️ Keyboard shortcuts for common actions
- 📱 Responsive design that works on all devices
- Bold, italic, and strikethrough text
- Multiple heading levels (H1, H2, H3)
- Bullet and numbered lists
- Code blocks
- And more...
cursor-note-app/
├── src/
│ ├── components/ # React components
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript type definitions
│ ├── utils/ # Utility functions
│ ├── App.tsx # Main application component
│ └── main.tsx # Application entry point
├── public/ # Static assets
├── index.html # HTML template
├── package.json # Project dependencies and scripts
├── tsconfig.json # TypeScript configuration
├── vite.config.ts # Vite configuration
└── tailwind.config.js # Tailwind CSS configuration
- Clone the repository:
git clone https://github.com/cihad/cursor-note-app.git
cd cursor-note-app
- Install dependencies using pnpm:
pnpm install
- Start the development server:
pnpm dev
- Open your browser and navigate to
http://localhost:5173
pnpm dev
- Start the development serverpnpm build
- Build the application for productionpnpm preview
- Preview the production build locallypnpm lint
- Run ESLint to check code qualitypnpm format
- Format code using Prettier
- React 18
- TypeScript 5
- Vite 5
- TipTap Editor
- Tailwind CSS
- ESLint
- Prettier
- And more...
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature
) - Commit your changes (
git commit -m 'Add some amazing feature'
) - Push to the branch (
git push origin feature/amazing-feature
) - Open a Pull Request
This project is licensed under the MIT License.