Skip to content

README.md

Latest commit

 

History

History
99 lines (64 loc) · 1.61 KB

README.md

File metadata and controls

99 lines (64 loc) · 1.61 KB
Raw

📒 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!