π Smart Student Registration System π
Welcome to the Smart Student Registration System! This web application allows schools and colleges π« to efficiently manage student registrations π. It provides a user-friendly interface to add, edit, delete, and display student information effortlessly β¨.
π Features
--- π User-Friendly Form: Simple and interactive student registration form.
--- π§ Email Validation: Ensures correct email input with regex validation.
--- π Dynamic Table: Automatically displays registered student details.
--- π Edit & Delete Functionality: Modify or remove student data with ease.
--- πΎ Persistent Data Storage: Uses localStorage to retain student data even after page reloads.
--- π₯οΈ Responsive Design: Works seamlessly across different devices.
--- π Technologies Used
--- π§βπ» HTML5: Markup structure for the application.
--- π¨ CSS3: Styling for an attractive and responsive UI.
--- π οΈ JavaScript: Dynamic functionalities and form validation.
--- π localStorage: For persistent data storage.
π οΈ Setup Instructions
--- 1. Clone the Repository:
--- git clone https://github.com/PYTHON09-ux/Student-reg-system.git
--- 2. Navigate to Project Folder:
--- cd smart-student-registration
--- 3 Open index.html in your browser:
--- Simply double-click the index.html file.
--- Or, use a live server extension in VSCode to run the project.
π How to Use
----- Fill out the Student Registration Form with valid details.
----- π Contact Number accepts only 10 digits starting with 6-9.
----- π§ Email must follow a valid format (e.g., user@example.com).
----- Click the Submit button to add the student to the list.
----- Use the βοΈ Edit and ποΈ Delete buttons to manage entries.
----- Refreshing the page won't delete your data, thanks to localStorage.
πΌοΈ Screenshots -
π Project Structure
βββ index.html # Main HTML file
βββ style.css # CSS styling
βββ app.js # JavaScript logic
βββ README.md # Project documentation
π€ Contributing
----- Fork the repository π΄
----- Create your feature branch (git checkout -b feature/AmazingFeature)
----- Commit your changes (git commit -m 'Add some AmazingFeature')
----- Push to the branch (git push origin feature/AmazingFeature)
----- Open a pull request π¬
β¨ Acknowledgements
--- Icons by Font Awesome
--- Design inspiration from various open-source projects π