0% found this document useful (0 votes)
54 views16 pages

MAJOR

1) The document describes a proposed MERN stack application that will act as an aggregated platform for various programming event platforms like LeetCode, Codeforces, etc. 2) The objectives are to provide easy access to programming events and opportunities in one place to save users' time, and provide ample opportunities. 3) Current platforms have limitations like being focused on only contests or jobs and not providing analytics, learning resources, or aggregated information. The proposed application aims to address these limitations.

Uploaded by

kartike tiwari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
54 views16 pages

MAJOR

1) The document describes a proposed MERN stack application that will act as an aggregated platform for various programming event platforms like LeetCode, Codeforces, etc. 2) The objectives are to provide easy access to programming events and opportunities in one place to save users' time, and provide ample opportunities. 3) Current platforms have limitations like being focused on only contests or jobs and not providing analytics, learning resources, or aggregated information. The proposed application aims to address these limitations.

Uploaded by

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

EVENT HUB

MAJOR PROJECT 1

Submitted by:
TUSHAR GARG (19103213)
Under the supervision of: RIYA SAXENA (19103215)
Dr. BHAWNA SAXENA KARTIKE TIWARI (19103216)

JAYPEE INSTITUTE OF INFORMATION AND TECHNOLOGY


INTRODUCTION
• In today’s world, there are a lot of opportunities for everyone, be they students or even working professionals. Opportunities
such as programming contests, hackathons, or even job opportunities are conducted every now and then on different platforms.

• There are a lot of platforms such as LeetCode, Codeforces, Codechef, HackerEarth, and much more which conduct these
events. All of these platforms are mostly specific to a certain idea. 

• Platforms such as LeetCode and Codeforces focus mainly on Programming Contests, but if we talk about HackerEarth they
usually deal with hackathons. 

• It happens quite frequently that people miss one or more of these events because they simply can't keep track of them,
especially if they are on so many different platforms.

• This often leads to them missing opportunities and regret afterward.

• We have discussed an aggregated platform that will have details of all these events in a single place and can become a one-stop
destination for students and working professionals.
PROBLEM STATEMENT

Design and develop an aggregated platform that contains information of all the
events that take place on different programming platforms
OBJECTIVES
• Our objective is to build a MERN Stack Application that acts as an aggregated
platform for all different platforms.

• Our aim is to provide ease of access to the users so that they don’t have to waste
time on different platforms and instead can just come on our platform.

• We are saving user’s time and also providing them with ample of opportunities at
the same time.
STATE OF THE ART AND ITS LIMITATIONS
• For the past few years, a lot of people have been diving deep into online programming contests and using online
means to get access to job opportunities. There are a lot of different platforms that can be used for the same
purpose. Most of the platforms are not generic and are focused on a sole purpose.
• LeetCode: 
About: 
A platform where users can come and participate in programming contests to practice and hone their skills.
More focused towards Data Structures and Algorithms and Interview Preparation.
Gap: 
The platform doesn’t provide any job opportunities or any Data Analytics.

• Stopstalk:
About: 
An aggregated platform that contains events of all different platforms.
Gap: 
The platform doesn't provide any Data Analytics or Learning Resources.
STATE OF THE ART AND ITS LIMITATIONS
• Codechef:
About: 
A platform where users can come and participate in programming contests to practise and hone their skills.
More focused towards Competitive Programming.
Gap: 
Platform doesn't provide any Interview Preparation tips, Job Opportunities, Learning Resources and Data
Analytics

• HackerEarth:
About: 
A platform where users can come and participate in Hackathons and Hiring challenges and get a chance to land a job.
Gap: 
The platform doesn't provide any Interview Preparation tips, Learning Resources and Data Analytics.
WHY MERN STACK?
PROPOSED DESIGN
• As it is a MERN Stack Project we will be using ReactJS for building the layout and architecture
of our application. We will also use Redux for maintaining the overall Context of the
application. We decided to stick with Redux in comparison to Context API because Redux is
better with dynamic data even though it requires a bit extra setup.

• We are also using Material UI for building the UI/UX of the application. We are also using
professional web designing practices to improve the overall website design.

• As MERN Stack stands, the backend is implemented using NodeJS along with ExpressJS. For
maintaining data we have used MongoDB, a NoSQL database. 
FIGURE 1 : PROPOSED DESIGN WORKING
CONTROL FLOW GRAPH
IMPLEMENTATION
• We started with building the layout and architecture of the website that is
designing the FrontEnd of our application. After doing the basic setup, we moved
to the server side of our application, or BackEnd. We then connected both of
those and then worked on the UI/UX and other features.

• Used ReactJS and Material UI for building layout and architecture of our website.
For the backend, we used NodeJS and ExpressJS and MongoDB for storing our
data.
FIGURE 2 : FRONTEND OF PROJECT – 1
FIGURE 3 : FRONTEND OF PROJECT -2
FIGURE 4 : FRONTEND OF PROJECT -3
FIGURE 5 : FRONTEND OF PROJECT - 4
THANK YOU

You might also like