Scribd
Upload
21 views3 pages

Task For Web Devs

Uploaded by

Tarun SJ
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views3 pages

Task For Web Devs

Uploaded by

Tarun SJ
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Task Assignment: Build the Frontend for Aura Event Management Website

Objective:

Develop a responsive and user-friendly event management platform to demonstrate your frontend
development skills. This platform will allow users to explore and register for events, view developer
profiles, and manage their accounts. Additional credit will be given for implementing optional
backend integration and payment gateway features.

Features and Requirements:

Core Features:

1. Beautiful Home/Landing Page:

o Create a visually appealing and professional Home/Landing page to introduce the


platform, highlight features, and attract users.

2. User Management:

o Registration: Enable users to sign up on the platform.

o Login: Provide secure user login functionality.

o Forgot Password: Implement a feature for users to recover their accounts.

3. Event Management:

o Display detailed event information, including:

▪ Event name, date, location, description, and remaining slots.

▪ Event coordinators’ details with their profile pictures.

4. Event Registration and Notifications:

o Allow seamless event registration/booking for users.

o Implement a notification system to update registered users about event details.

5. Responsive UI/UX Design:

o Ensure the application is responsive across all devices.

o Add animations and interactive elements to enhance the user experience.

Advanced Features (Optional):

• Backend Integration:

o Use Node.js with Express.js to implement backend functionality.

o Store user, event, and registration data in a database.

o Enable dynamic updates to reflect the remaining slots after event registration.
• Payment Gateway Integration:

o Use Razorpay or Stripe to allow payment for event bookings, including VIP tickets.

• Global State Management:

o Use tools like Redux or Context API to manage the global application state
efficiently.

Minimum Screens Required:

1. Home/Landing Page:

o Create an aesthetically pleasing landing page to highlight the platform's purpose and
features.

2. Login and Registration Screens:

o Allow users to log in, register, and recover passwords easily.

3. Dashboard Screen:

o Display event details and provide navigation to:

▪ Event registration.

▪ Event coordinator details.

4. Event Details Screen:

o Present comprehensive information about the event, including coordinators' profiles


and pictures.

5. Notification System:

o Notify users about updates or changes to the events they’ve registered for.

Guidelines:

1. Frontend Development:

o Use React.js with Create React App for building the frontend.

o Focus on responsive design and smooth animations for an engaging user experience.

2. Backend Development (Optional):

o Use Node.js with Express.js for backend functionality.

o Store and manage data dynamically in a database like MongoDB.

3. Deployment:

o Deploy the frontend on free platforms like Netlify or Vercel.

o If a backend is created, deploy it on platforms like Render or Railway.


Submission Details:

1. GitHub Repository:

o Provide a link to your GitHub repository containing the complete project code.

2. Deployment Links:

o Share the live deployment link for the project (frontend and backend, if applicable).

3. Video Demonstration or Screenshots:

o Record a video demonstration or capture screenshots of the application’s features.

o Upload the video/screenshots to Google Drive and ensure the link is accessible (set
to "Anyone with the link can view").

4. Google Form Submission:

o Submit the GitHub repository link and the Google Drive link via the provided Google
Form.

Deliverables:

1. A fully functional web application frontend with all specified features.

2. A clean and well-maintained GitHub repository.

3. A Google Drive link with a video demonstration or screenshots showcasing the app’s
functionality.

4. A live deployment link to the project hosted on a platform like Netlify, Vercel, or Render.

You might also like