Assignment: Student Registration System
Objective:
Develop a student registration system where students can register their details such as name,
class, address, and contact number. Additionally, it provides functionalities for editing and
deleting records.
Evaluation Criteria:
Task 1: Basic Structure (5 Marks)
● Create an HTML file named "index.html" with the basic structure of an HTML document.
● Set meaningful titles and include appropriate meta tags.
Task 2: Header (5 Marks)
● Include a catchy title reflecting the system's purpose, such as "Student Registration
System."
● Add a brief description summarizing the system's functionalities.
Task 3: Form and Input Fields (5 Marks)
● Develop a form with input fields for student details, including Student name, student ID,
email ID, and Contact No. Ensure appropriate styling and layout for a better user
experience.
Task 4: Display Section (10 Marks)
● Please include a section to display registered student records. You can place it either on
the same page or on a different page. If it's on a different page, please add a link to
access it in the navigation bar.
● Display student details such as Student name, student ID, email ID, and Contact No. in a
clear and organized manner.
Task 5: Styling and Design (10 Marks)
● Apply CSS styling to enhance the visual appeal of the registration system.
● Ensure proper spacing, alignment, and use of colors for better readability.
Task 6: JavaScript Functionality (35 Marks)
● Implement functionality to add new student records.
● Allow users to edit existing records.
● Provide options for deleting records.
● After refreshing the page data should not disappear ( you can use local storage).
● Validate input fields to ensure student ID and contact number accept only numbers,
student name accepts only characters, and email accepts only valid email addresses.
● Make sure the user can't add the empty row.
● Add a vertical scrollbar dynamically.
Task 7: Documentation and Comments (5 Marks)
● Organized file structure
● Creativity and Presentation
● Include comments in the code to explain complex sections or logic.
● Please upload your project to GitHub and provide the GitHub link. Failure to do so
will result in marks being deducted.
Assessment:
Marks will be assigned for each task based on adherence to guidelines, creativity, presentation,
and overall quality of the system.
Submission Guidelines:
● Submit a zip file containing all HTML files, CSS file, and JavaScript file.
● Ensure code readability and organization, including appropriate comments for complex
sections.
● Use semantic HTML tags for better accessibility.
● Test the system thoroughly to ensure proper functionality.
Sample Image:
