Web Instructor
TASK-OVERVIEW
In this task, you will have two types of tasks:
1. Project Task
2. Video Task
Project Task
Objective
build a fully functional Event Management Web Application using the MERN
Stack (MongoDB, Express.js, React.js, and Node.js). The application will support
custom authentication, dynamic event operations, A search and filter system
for browsing events efficiently, and an intuitive interface designed for ease of
use and performance.
Main Tasks
1. Navbar: Navbar has a logo+website name, Home, Events, Add Event, MY
Event, and Sign In (when not logged in) button. If the user is logged in,
his/her profile picture should appear on the navbar.
If the user clicks on the profile picture, a drop-down will appear with the
following items: User name (not clickable), and Logout button.
2. Homepage:
● Design your own
3. Events(private Route):
The Events page displays all events added through the "Add Event" page.
Events are shown in descending order by date and time, meaning the
most recent events appear first. If multiple events share the same date,
they are sorted by time.
Each event is presented in a card format, which includes the following
information:
○ Event Title
○ Name (who posted the Event)
○ Date and Time
○ Location
○ Description
○ AttendeeCount
○ Join Event (Button)
Note:
● When the "Join Event" button is clicked, the AttendeeCount should
increase by 1.(A user can join an event only once.)
● Implement a search system that allows users to search events by
title
● Implement filter options based on:
○ Today’s date
○ Date range, which includes predefined options:
■ Current week
■ Last week
■ Current month
■ Last month
Here is the example
4. Add Event(private route):
This page allows users to add events by providing the required form.
○ Event Title
○ Name (who posted the Event)
○ Date and Time
○ Location
○ Description
○ AttendeeCount (number, default 0)
○ Add Event
Note:
● Once they click the "Add Event " button, the data will be stored on
The Database
5. My Event (Private Route):
On this page, the user sees his/her classes added from the add event
page. Each class shown on the card will have this information.
○ Event Title
○ Name (who posted the Event)
○ Date and Time
○ Location
○ Description
○ AttendeeCount
○ Update(button)
○ Delete(button)
Note:
● you can show the update form in a modal or another route. When
the 'update button’ is clicked, data will be updated
● Delete action- After clicking the delete button, the class will be
removed. Before the delete, ask for a delete confirmation.
6. Authentication systems: The authentication system will be custom-built
without using any third-party packages.
Error Handling: Both the Registration and Login pages will display clear
and relevant error messages when required (e.g., invalid credentials,
missing fields, etc.).
Login Page: When a user clicks on the login button, they will be redirected
to the login page having the following:
○ Email/Password
Registration Page: The Registration page will have the Email/Password
form having the following fields:
○ Name
○ Email
○ Password
○ PhotoURL
Video Task
Video-1: Write a function that takes an array of numbers as a parameter and
return the second largest number.
Note: You must not use any built-in functions (like max(), sort(), etc.). You have
to solve it using a loop.
Example:
Input : [4, 2, 7, 1, 9]
Output:7
instructions
Imagine you're an instructor at Programming Hero. Explain this code to your
students in a fun and engaging way!
🔍 Example:
● How the function works step by step
● Explain how the loop works
● How it compares values to find the second largest
Video-2: Explain Why did you choose the instructor role instead of a web
developer role?
Rules
Submission Deadline: July 1, 2025, 11:59 PM (Night Time)
Submission Form: Please submit your completed tasks through the following
Google Form: Google Form
Submission Rules:
● Multiple Submissions: Please note that only your first submission will be
considered for assessment. If you submit multiple times, the initial submission
will be taken into account, and subsequent submissions will be disregarded.
● Task-Related Assistance: Asking for task-related help from any team members
of Programming Hero is strictly prohibited. Such behavior will result in immediate
rejection of your assessment.
Please ensure that you adhere to the submission deadline and rules mentioned
above. Should you have any questions or require further clarification, please do
not hesitate to reach out to us. We eagerly anticipate reviewing your
submissions and assessing your skills for this role at Programming Hero.
