Created by Sameer Khan – Aspiring React Engineer | JavaScript | NextJS | Open Source Contributor
A modern Note Taking App built with React and Vite, designed for managing personal notes efficiently.
This project demonstrates my skills in frontend development, component-based architecture, responsive design, and state management.
- ➕ Add Notes – Quickly create notes with a title and description.
- 📝 Edit Notes – Update existing notes seamlessly.
- ❌ Delete Notes – Remove notes you no longer need.
- 📱 Responsive Design – Works perfectly on desktop, tablet, and mobile.
- 🎨 Modern UI – Clean interface with React components.
- 💾 Local Storage – Notes persist even after page reload.
- Frontend: React, Vite, JavaScript, HTML, CSS, TailwindCSS
- Build Tool: Vite
- Version Control: Git & GitHub
- Deployment: Vercel
NoteApp/ │ ├─ src/ │ ├─ Components/ # React components (Note.jsx, Notes.jsx) │ ├─ assets/ # Images, icons, and SVGs │ ├─ index.css # Global styles │ └─ main.jsx # App entry point │ ├─ public/ # Static files ├─ vite.config.js # Vite configuration ├─ package.json # Project metadata & dependencies └─ README.md # Project documentation
- Clone the repository:
git clone https://github.com/Samii2383/Note-App.git
cd NoteApp
2. Install dependencies:
npm install
3. Run the app locally:
npm run dev
4. Open in your browser:
👉 http://localhost:5173
🤝 Contributing
Want to contribute? Fork the repo and create a feature branch:
git checkout -b feature/your-feature
git commit -m "Add some feature"
git push origin feature/your-feature
Then open a Pull Request 🚀
📜 License
This project is open-source and available under the MIT License.
---
👨💻 My Contributions
Designed and implemented the UI components using React.
Integrated CRUD functionality (Create, Read, Update, Delete) for notes.
Added dark mode support and responsive design.
Managed state handling using React hooks.
Configured and deployed the project on Vercel for live demo access.
Documented the project with a professional README.