DSAShaala

A PROJECT REPORT

Submitted by

Harsh Gupta (21BCE11149)

Koyna Jain (21BCE11023)
Samrat (21BCE11330)
Hritik Singh (21BCE10333)
Bhavya Lalchandani (21BCE11108)

in partial fulfillment for the award of the degree

of

BACHELOR OF TECHNOLOGY
in

COMPUTER SCIENCE AND ENGINNERING

SCHOOL OF COMPUTING SCIENCE AND ENGINEERING

VIT BHOPAL UNIVERSITY
KOTHRIKALAN, SEHORE
MADHYA PRADESH - 466114

SEPTEMBER 2022
VIT BHOPAL UNIVERSITY,KOTHRIKALAN, SEHORE
MADHYA PRADESH – 466114
 BONAFIDE CERTIFICATE

Certified that this project report titled “DSAShaala” is the bonafide work of “ Harsh

Gupta (21BCE11149), Koyna Jain (21BCE11023), Samrat (21BCE11330), Hritik

Singh (21BCE10333), Bhavya Lalchandani (21BCE11108) ” who carried out the

project work under my supervision. Certified further that to the best of my knowledge

the work reported at this time does not form part of any other project/research work

based on which a degree or award was conferred on an earlier occasion on this or any

other

PROGRAM CHAIR PROJECT GUIDE

Dr. Preetam Suman Dr Murugeswari

School of Computer Science School of Computer Science

and Engineering and Engineering

VIT BHOPAL UNIVERSITY VIT BHOPAL UNIVERSITY

The Project Exhibition I Examination is held on 30 September 2022

 ABSTRACT

As Data structures and algorithms have been one of the most important topics for all

the programmers out there, there is need for a platform that provides complete

learning of topics and to provide this is the aim of our web development project.

The website’s name is DSAShaala. It offers categorization of the complete syllabus of

DSA with explanation of each one in a student friendly language along with real life

examples and their programs in top languages such as Python, Java, C, C++,

Javascript.

The website portrays a real and unique UI designed using Figma, which has been

implemented using HTML, CSS, React, while the backend which is the feature of

payment, login and signup has been developed using firebase.

We have taken data from various sources, verified it before implementing on the

website. We plan to add numerous other features to this website to make it the best

one, completely dedicated to DSA.

 TABLE OF CONTENT

CHAPTER TITLE PAGE NO.

NO.

Abstract iii
iv
List of Tables
v
List of Figures
vi

1 INTRODUCTION
1.1 Introduction 1
1.2 Motivation for the work
1.3 [About Introduction to the project
.
1.3.1 including techniques]
.
1.4 Problem Statement
1.5 Objective of the work .

1.6 Organization of the thesis

1.7 Summary
2 LITERATURE SURVEY
2.1 Introduction
2.2 <Core area of the project>
2.3 Existing Algorithms
2.3.1 Algorithm1
2.3.2 Algorithm2
2.3.3 Algorithm3
2.4 <Any other method used in the project>
2.5 Research issues/observations from
literature Survey
2.6 Summary

Note: This should be written as per Ph.D thesis format of

HITS.(Specimen attached)
3 SYSTEM ANALYSIS
3.1 Introduction
3.2 Disadvantages/Limitations in the existing system
……..
……..
3.3 Proposed System
3.3.1………
3.3.2……….
3.3.2.1………
3.4 Summary

4 SYSTEM DESIGN AND IMPLEMENTATION

4.1 Introduction
4.2 Module 1 design & implementation
4.3 Module 2 design & Implementation
…….
……..
………
………
4.5 Summary
5 PERFORMANCE ANALYSIS
5.1 Introduction
5.2 Performance Measures (Table/text)
5.3 Performance Analysis(Graphs/Charts)
5.4 Summary
6 FUTURE ENHANCEMENT AND CONCLUSION

6.1 Introduction
6.2 Limitation/Constraints of the System
6.3 Future Enhancements
6.4 Conclusion
 Appendix A

Appendix B

References

Note: List of References should be written as per IEEE/Springer

reference format. Arranged in alphabetical order. (Specimen
attached)
 LIST OF TABLES

TABLE TITLE PAGE NO.

NO.
 LIST OF FIGURES

FIGURE TITLE PAGE NO.

NO.
 CHAPTER 1
Introduction

1.1 Introduction

Because data structures and algorithms are among the most important topics for all programmers,
there is a need for a platform that provides comprehensive understanding of topics, which is the goal
of our web development project.

DSAShaala is the name of the website. It categorises the whole DSA syllabus and explains each one
in a student-friendly style, with real-life examples and programmes in top languages including
Python, Java, C, C++, and Javascript.

The website displays a genuine and one-of-a-kind UI created with Figma and implemented with
HTML, CSS, and React, while the backend, which includes payment, login, and signup features, was
created with Firebase.

1.2 Motivation for the project

Our group of five was for preparing for DSA's examination , while we were helping each other out
we still weren't satisfied with the pace of our progress. We had to switch from one website to other
as some offered great concept explanation while the other offered the required program or
illustration. This meant a lot of time being wasted while figuring out where to study from. Hence we
decided to solve this problem by creating a website that is a solution for all problems and allows you
to access everything at one place, and the concept of DSAShaala took birth

1.3 Introduction to the project (Including techniques)

The project was first named and then it was divided into 5 different sections of working.
Those included content creation, UI Designing, Frontend development and Backend development.
Work on them was started simultaneously.

1.4 Problem Statement

DSA has always been a difficult subject to learn and grasp. the availability of various websites for
Programs, illustrations and contents and diversified content makes it difficult and often irritating for
a learner to work on his understanding of the subject.as for everything he has to refer different
sources.

1.5 Objective of work

The main objective of DSAShaala is being the one place for all DSA topics. It has Categories and
the complete DSA is divided in those categories. In each category there are various topic and each
topic includes the introduction and explanation, Its programs in 3,5 programming languages and
illustration for those topics. It makes everything simpler by provision of complete information at one
place.

The aim is to make it user friendly and easily accessible, you can buy courses in order to complete
the syllabus.

1.6 Objective of work

The main objective of DSAShaala is being the one place for all DSA topics. Vast data is present but
is scattered in multitude of different data sources. Our aim is to bring all the data together, organize
it so that the user can get all the information at one place rather than searching multiple websites.
 It has Categories and the complete DSA is divided in those categories. In each category there are
various topic and each topic includes the introduction and explanation, Its programs in 3,5
programming languages and illustration for those topics. It makes everything simpler by provision of
complete information at one place.

The aim is to make it user friendly and easily accessible, you can buy courses in order to complete
the syllabus.

1.7 Organisation of the Project

ORGANIZATION OF PROJECT

Content Creation & Verification

UI Module Web Page Creation Modu
Payment Gateway Creation
Login Module

orization and content paraphrasing

Homepage
and research Login Module UsingWeb
Login Module Using Firebase Page creation and linkin
Firebase
Features
Syllabus
Topic Pages
Sub – Topic Pages
FAQs
 CHAPTER 2
Literature Survey

2.1 Introduction

This Chapter will deal with literature survey of the project, it will explain in detail the approaches
used in the project along with future possibilities. And core area of the work

2.2 Core Area of the project

The core area of the project revolves around the frontend of an E-Learning website, The website
offers interactive elements at the current stage. We plan to improve it further and make learning
more fun by including games that revolve around Data structures and algorithms.

2.3 Existing Algorithms

A focused method for the bibliometric literary review, systematically and explicitly, upon the limits
of knowledge. As in Figure 1 , this method of research uses the five-stage method
2.3.1 Analysis Requirements

At this stage, the researcher conducts an analysis of the needs of why this application should be
made, what software will be used ,what framework is needed, as well as a literature study that can
support the design of this website.

2.3.2 Design

At the design stage, the website’s design will be made, such as the method to be used, use case
diagrams, activity diagrams, wireframes ,to mockup designs.

2.3.3 Development

After knowing the system design to the design to be made, the next stage is Development. This stage
is carried out programming on the creation of the website and the arrangement of buttons, images
that have been determined, to the transaction system that has been designed previously.

2.3.4 Testing

After the website has been created, a limited trial phase is required. In this study, we conduct our
own testing of the website that had been created, whether all the buttons worked, and there were no
more errors.

2.3.5 Evaluation

From these testing stages, a test table can be made, whether the website can run successfully or there
are still some errors.
 CHAPTER 3
System Analysis

3.1 Introduction

This Chapter will deal with analysis of the complete system of the project, that involves studying the
limitations of the current system, proposed idea behind the work and much more.

3.2 Disadvantages/limitations in the existing system.

THE LIMITATIONS OF THE WORK ARE AS FOLLOWS :

 The unavailability of video lectures from a particular tutor.

 Missing Key Search engine optimization elements.

 The course uploaded on the website is suitable for beginner level however work and
research is needed to upgrade the syllabus to advanced level.

 Ineffective visual designs on mobile phones

 Lack of proper practice modules

3.3 Proposed System

The proposed system is a website that will have features such as

Login, Signup, Payment Gateway, Courses, Categorization of syllabus, Locked and unlocked
chapters.

There are 5 Modules in which the complete project is divided into

The Requirements for proposed system are

Hardware Requirements

Minimum-Requirement: CPU Intel core i3 or AMD Ryzen 3 or equivalent

Software Requirements

 VSCode
 Windows 7 up to
 Languages :- HTML, CSS, Javascript, React
 Backend :- Firebase
 UI Designing :- Figma
 CHAPTER 4
System design and implementation.

4.1 Introduction

The division of the project into modules, their progress and timeline will be discussed in this
module.

The modules are as follows :

MODULE 1 :- Content Creation - Collection of topics, their explanation and program creation in 3-5
languages (Java, Python, C++)

MODULE 2 :- UI Module - Designing the user interface of the website, in a way that is easy to use
and access

MODULE 3 :- Login Module - Creation of Login Option in the website (Backend Part)

MODULE 4 :- Page creation Module - The Next step to implementation after the login module,
adding all the content to the website according to the ui designed.

MODULE 5 :- Payment Gateway Module - Adding secure payment options in the website's backend

4.2 Module 1 Design and implementation

Various websites and books were referred before deciding upon the final content of the DSAShaala
Explanations were para phrased to make them user friendly. Illustrations were found and created as
well. Codes were modified and ran before uploading them on the website.

4.3 Module 2 Design and implementation

The responsive UI was created using Figma, Buttons, icons were added to make it aesthetic,
wireframing was done and after speculations the final UI of DSAShaala was fixed.
4.4 Module 3 Design and implementation

Login Option of the website was developed using firebase this was the linkage between the payment
and user accounts/profile it worked alongside with signup module.

4.5 Module 4 Design and implementation

The Page creation module was all about implementing each part of content into different web pages
and linking them to each other as well as the landing page

4.6 Module 5 Design and implementation

Payment gateway creation marked the last module of the project, it was done using firebase.

4.7 Summary

Every module required at least 2 weeks of work and the Page Creation module required the greatest
amount of time, after the completion of all modules, testing and cross verification was done, all the
suggestion of our mentor were implemented in the site.
 CHAPTER 5
Performance Analysis

5.1 Performance Measures

Feature Accessibility Overall Performance

Login/Signup Easy to access Good

Feature

Design Usability inspired, modern, minimalistic. Good, easy to use,

calm theme

Pages (content Categorised in a systematic manner Great

implementation, )
 CHAPTER 6
Future enhancement and conclusion

6.1 Constraints of DSAShaala

The Constraints of DSAShaala are as follows :

1. Relies on digital access and know how
2. Often lacks meaningful feedback
3. Relies on the self-discipline of the learner to be successful
4. Is overabundant – too many competing providers
5. Makes it hard to monitor for plagiarism or cheating
6. Is less suited for teaching practical or soft skills
7. Lacks accreditation and quality assurance
8. The course uploaded on the website is suitable for beginner level however work and
research is needed to upgrade the syllabus to advanced level. a.k.a difficult to keep
updated
9. Lacks synergy
10. The unavailability of video lectures from a particular tutor.
11. Missing Key Search engine optimization elements.
12. Ineffective visual designs on mobile phones
13. Lack of proper practice modules

6.2 Future Enhancements

Future Enhancements we aim to make in the project :

1. To Add games and interactive quizzes to make the site more interesting and successful.
2. To use more advanced content
3. Include the feature of paid Lectures.
4. Include a special version for teachers