FRONT-END DEVELOPMENT
ASSIGNMENT 1 TEMPLATE
STUDENT NAME:
YEAR:
COLLEGE CODE:
COLLEGE NAME:
DEPARTMENT:
SEMESTER:
ROLL NO:
NMID:
DATE:
PROJECT TITLE:
[Link] and Assumptions:
(This section gives an overview of the assignment and explains what the project is about.).
[Link]:
(In this section, briefly describe the application you are developing and the main tasks to be completed.)
The proposed assignment is to design and develop a Simple Event Registration Page using HTML, CSS,
and JavaScript.
The web page should allow users to:
• View event details
• Enter personal information
• Select event preferences
• Submit registration details
• View registered participants (static table)
[Link]:
(Explain the objective of this assignment and what you aim to learn by completing it.)
[Link] Statement:
(Clearly describe the problem that your application is solving and why this solution is needed.)
[Link] Features:
3.1. Event Title and Description:
(Provide the name of the event and a short description explaining the purpose of the event.)
3.2. Event Information & Registration Form Section:
(Include complete event details and create a registration form to collect user information.)
This section includes:
● Event Information
● Registration Form
● Personal Information
● Event Selection
● Additional Details
● Declaration
● Form Controls
Sample:
Registration Form – Sample Filled Data
Personal Information
● Name: XYZ
● Email: xyz@[Link]
● Phone Number: 9876543210
● Date of Birth: 12/02/2006
● Gender: Female
3.3. Registered Participants Section
(Create a table to display the details of registered participants.)
| Name | Email | Phone | Event | Mode |
(Add one sample row)
Sample:
Name Email Phone Event Mode
XYZ xyz@[Link] 9876543210 Web Development Workshop Offline
3.4. Footer Section:
(Add contact details, support information, and copyright details at the bottom of the page.)
Sample:
Contact Email: events@[Link]
Help Desk Number: +91 94444 12345
Support Timings: 9:00 AM – 4:30 PM (Working Days Only)
Copyright:© 2026 Department of Computer Science, ABC Engineering College. All
Rights Reserved.
[Link] Steps:
(Explain the step-by-step process followed to develop the project .)
5. Technologies Used:
(Mention the technologies used to build the project with code (HTML, CSS, JavaScript)).
[Link]:
(Attach screenshots showing the final working output of the application, including the form and
participants table.)
[Link] Outcome:
(Explain the skills and knowledge gained from completing this assignment.)
8. Conclusion:
(Summarize the project and briefly describe the final outcome.)