Skip to content

PYTHON09-ux/Student-reg-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“š 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 -

image image

πŸ“‚ 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 πŸš€

About

internshala js project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published