🎓 Student Registration System

A simple and effective web-based application built using HTML, CSS, and JavaScript. It allows users to add, edit, delete, and view student records dynamically. All data is saved locally using the browser’s localStorage, ensuring persistence even after the page reloads.

---

🔗 Live Demo

👉 View Live on Netlify
📦 GitHub Repository

---

📌 Features

• ✅ Add student details (Name, Email, etc.)
• 📝 Edit existing student information
• ❌ Delete student records
• 📄 View all registered students in a table
• 💾 Data saved in browser's localStorage
• 📱 Responsive layout using pure CSS
• 🌟 Favicon support

---

🧩 Tech Stack

• HTML5 – Page structure
• CSS3 – Styling and responsiveness
• JavaScript (Vanilla) – Dynamic form handling, DOM manipulation, and data storage

---

📂 Project Structure

student-registration-system/
├── index.html      # Main HTML page
├── styles.css      # All custom styles
├── script.js       # JS logic for form handling and storage
├── favicon.jpeg    # Favicon added in HTML head
├── README.md       # Project documentation

---

🌐 Setup & Usage

1. Clone the repository:

   git clone https://github.com/sharmaHarshit2000/Student-Registration-System.git

2. Navigate to the project folder and open index.html in your browser.

No server setup or npm install needed — it's a purely frontend app.

---

🧠 How It Works

• On submitting the form, the student data is added to localStorage and shown in a table.
• Users can click Edit to modify existing data, or Delete to remove a student.
• The data remains saved in the browser until manually cleared.

---

🖼️ Screenshot

---

🙌 Acknowledgments

This project is designed as a beginner-friendly solution to practice:

• DOM manipulation
• Form handling
• Using localStorage in JavaScript

---