MAJOR
MAJOR
MAJOR PROJECT 1
Submitted by:
TUSHAR GARG (19103213)
Under the supervision of: RIYA SAXENA (19103215)
Dr. BHAWNA SAXENA KARTIKE TIWARI (19103216)
• 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.
• 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