Skip to content

Latest commit

 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Notes App

A modern and responsive Notes Management Application built using React and Tailwind CSS. Users can create, manage, and delete notes with a clean and professional UI.

🚀 Live Demo

🌐 Live Link: https://simplenotesapps.netlify.app/


✨ Features

  • Add notes dynamically
  • Delete notes instantly
  • Form validation to prevent empty notes
  • Responsive modern UI
  • Glassmorphism design
  • Smooth hover animations
  • Hidden scrollbar for cleaner interface
  • Real-time note counter
  • Mobile and desktop responsive layout

🛠️ Tech Stack

  • React.js
  • Tailwind CSS
  • JavaScript (ES6)
  • Vite

📸 UI Highlights

  • Gradient background layout
  • Modern card-based note design
  • Interactive buttons and transitions
  • Professional responsive interface suitable for portfolios and resumes

📂 Project Structure

src/
 ├── assets/
 ├── App.jsx
 ├── main.jsx
 └── index.css

⚙️ Installation & Setup

Clone the repository:

git clone https://github.com/parampreetchahal/Notes-App

Navigate to project folder:

```bash
cd notes-app

Install dependencies:

npm install

Run development server:

npm run dev

📌 Future Improvements

  • Edit notes functionality
  • Local storage support
  • Dark/Light theme toggle
  • Search and filter notes
  • Drag and drop notes
  • Authentication system

👨‍💻 Author

Parampreet Singh

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages