en | ru
A modern notes web application built with Vue 3 using Composition API and a modern technology stack.
🚀 Try Demo: notes-app-ninin.vercel.app
- 📝 Create and Edit Notes — intuitive interface for working with notes
- 💾 Local Storage — data is saved in the browser
- 🎨 Modern Design — styled with Tailwind CSS 4
- ⚡ Fast Performance — thanks to Vite and Vue 3 optimization
- 🔄 State Management — using Pinia
- 🧭 Routing — Vue Router for navigation
- 📱 Responsive — works on all devices
| Technology | Version | Purpose |
|---|---|---|
| Vue.js | 3.5.24 | UI Framework |
| Vite | 7.2.4 | Build tool and dev server |
| Tailwind CSS | 4.1.18 | Utility-first CSS |
| Vue Router | 4.6.4 | Routing |
| Pinia | 3.0.4 | State management |
Before installation, make sure you have:
- Node.js — version 16.x or higher
- pnpm — package manager (recommended)
# Install pnpm (if not already installed)
npm install -g pnpm- Clone the repository
git clone https://github.com/arslanninin/notes-app-vue.git
cd notes-app-vue- Install dependencies
pnpm install- Start the dev server
pnpm devThe application will be available at http://localhost:5173
# Create production build
pnpm build
# Preview production build
pnpm previewnotes-app-vue/
├── src/
│ ├── assets/ # Static resources (images, fonts)
│ ├── components/ # Reusable Vue components
│ ├── router/ # Vue Router configuration
│ ├── store/ # Pinia stores (state management)
│ ├── utils/ # Utilities and helpers
│ ├── views/ # Application pages
│ ├── App.vue # Main component
│ ├── main.js # Entry point
│ └── style.css # Global styles
├── index.html # HTML template
├── vite.config.js # Vite configuration
├── package.json # Project dependencies
└── README.md # Documentation
pnpm dev # Start dev server with hot-reload
pnpm build # Build for production
pnpm preview # Preview production build locallyContributions are welcome! If you want to improve the application:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License. See the LICENSE file for details.
arslanninin
- GitHub: @arslanninin
If you liked the project, give it a ⭐ on GitHub!
Made with ❤️ by arslanninin