📒 Add Notecards App

A clean and interactive Note Card Stack Web App built using HTML, CSS, and JavaScript.
Users can create, view, and manage notes in a visually stacked card interface.

---

🔗 Live Demo

👉 https://priyanshu-gurjar20.github.io/add-notecards-app/

---

📂 Repository

👉 https://github.com/Priyanshu-Gurjar20/add-notecards-app

---

🚀 Features

• 📝 Create notes with:

  • Image URL
  • Full Name
  • Home Town
  • Purpose
  • Category (Emergency, Important, Urgent, No Rush)

• 💾 Local Storage Support

  • Notes are saved in browser storage

• 🎴 Card Stack UI

  • Notes displayed in layered stack format

• 🔄 Navigation Controls

  • Move cards up and down

• 🎨 Clean & Minimal UI

---

📁 Project Structure

add-notecards-app/
│── index.html
│── style.css
│── script.js
│── README.md

---

⚙️ Tech Stack

• HTML5
• CSS3
• JavaScript (DOM + LocalStorage)

---

🧠 How It Works

1. Click ➕ button to open form
2. Fill note details
3. Click Create Note
4. Data is saved in localStorage
5. Cards appear in stack

---

🐞 Known Issues

• updateStack() function bug (uses undefined variable)
• No edit/delete functionality
• No image URL validation

---

🔮 Future Improvements

• ✏️ Edit & delete notes
• 🔍 Search functionality
• 📱 Responsive UI
• 🎨 Theme customization
• ☁️ Backend integration

---

👨‍💻 Author

Priyanshu Gurjar
👉 https://github.com/Priyanshu-Gurjar20

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!