A Report on

Vidyarthi Sarathi

Submitted for partial fulfillment of award of

BACHELOR OF TECHNOLOGY
In
CSE (AIML)
By

BHARAT SINGH
(2100301530024)

KAUSHAL KUMAR
(2100301530024)

Supervisioned by :
Mr. Sudhir Dawra

INDERPRASTHA ENGINEERING COLLEGE, GHAZIABAD,

AFFILATED TO :
Dr. A P J ABDUL KALAM TECHNICAL UNIVERSITY
LUCKNOW
Session (2023-24)
 Certificate

Certified that (Bharat Singh, Kaushal Kumar) has carried out the project work
presented in this report entitled “ Vidyarthi Sarathi ” for the award of
Bachelor of Technology from Inderprastha Engineering College,
Ghaziabad, under my supervision. The report embodies result of original
work and studies carried out by Student himself/herself and the contents
of the report do not form the basis for the award of any other degree to
the candidate or to anybody else.

Date: 23 Dec 2023

Supervisor:
 Acknowledgement

We take this opportunity to thank our teachers and friends who helped us
throughout the project.

First and foremost I would like to thank my guide for the project (Vidhyarthi
Sarathi ) for her valuable advice and time during development of project.

We would also like to thank Dr. Kumud Kundu (HoD, CSE (AIML)
Department) for his constant support during the development of the project.

Name 1 : Bharat Singh

Roll No. : 2100301530024
Signature :

Name 1 : Kaushal Thakur

Roll No. : 2100301530046
Signature : :
 Declaration

I hereby declare that this submission is our own work and that, to the best of my
knowledge and belief, it contains no material previously published or written by
another person nor material which to a substantial extent has been accepted for
the award of any other degree or diploma of the university or other institute of
higher learning, except where due acknowledgment has been made in the text.

Name : Bharat Singh

Roll No. : 2100301530024
Signature :

Name : Kaushal Thakur

Roll No. : 2100301530046
Signature :

Date: : 23 Dec 2023

 Abstract

This is Basically a career guidance website generally for the students who are in
school, college and preparing for various entrance exams. For ex – Board,
Engineering, Medical, Government, Banking, Defence etc. This website guides
the student in time to time in their carrer making journey. This website guides if
the student suffer from any difficulty. This website provides lot of features such
as :

Various features of this website

Guidance in time to time Intelligent Chatbot

Best content
Education News

Youtube channel
Finding the area of for various exams
interest of students

Suggestion about course and college

1. INTRODUCTION
1.1 Problem Statement :

For those Students who are in school, college and preparing for various exams
suffering from career finding and exam related issue.

1.2 Background about the project idea :

The solution is that, this website basically first understand the area of interest of
student and give best suggestion to it in the form of notes, question paper, study
material, best content and many more.

1.3 Objectives of proposed system :

By giving them guidance, mentor, best content and material, finding their area of
interest, suggestion about best course and college, exam related material,
providing education news and many more through the medium of our app.

1.4 Feasibility Study, need and significance :

The estimate would be to fund the project is free of cost. But it require some skills and
suitable time with high efforts for completion.
We need this because as we see that there are lots of students facing the issue
related about their career and the exams, they face so many difficulties that now what
do to in the career because it is very important part of life, so this app basically first
understand the area of interest of student and give best suggestion to it.

1.5 Novelty of Project :

This is unique and different because no one other who discover this idea which
helps the students and finding their area of interest and guide in time to time.
1.6 Technical Specification :

The programming language we are using includes HTML, CSS and Java script
of the website.

1.6.1 Hardware and Software required :

The hardware requirement is just a simple smartphone for it which contain

verified web browser.
The software we are going to use for implemenation is “Visual studio code ”
which is provide an integrated development environment. Visual Studio Code is
a code editor redefined and optimized for building and debugging modern web
and cloud applications.The main reason we are using this software because it
allow us to divide our project into units of functionality that we can
independently build, test, and debug.
2. LITERATURE REVIEW
2.1 Existing System :

This project works something like Google classroom, Byjus and some website
such as Collegedunia.com , Shiksha.com . The fragments include Home, Notes,
Setting, Profile, News, Suggestor etc. This also works something similar to other
educational based app that first user has to Register in it and take all benefits of
website.

3. PROPOSED SYSTEM
Firstly make the roadmap of the website, then creating HTML files for which we
can include Home, Notes, Setting, Profile, News, Suggestor files in it. Then we
are going to create the Welcome (Main) -> Register -> Login Page by using
HTML, CSS, Javascript language and assigned the work of particular button.
Now we are going to connect Firebase authetication system with the website.
Then we are going to create Input page in which user can fill their area of
interest after which they can enter into the website and use the benefits of it.
4. SOFTWARE REQUIREMENT ANALYSIS

4.1. Functional Requirements

a) Use Case diagram with proper factoring :

1. First Creating Home page which has

multiple features of the website.

2. Creating the different HTML files

along with their CSS for the styling.

3. HTML files include the Home, Notes,

Setting, Profile, News, Suggestor.

4. We are adding Firebase

authentication to app which is useful
for track user activity.

5. Adding different material and

content such as Notes, Question Paper
and Update News.

6. Final Testing and Debugging of the

app that it completely
work properly.
b) Use case descriptions :

(i) - Who is using the website

Specially for students who are in school, college and preparing for various
competitive exams.

(ii) - What the user want to do

First user has to search the website from verifies web browser like Google and
Register into it and fill their area of interest by which website can suggest
various material related to their interest.

(iii) - The user's goal

The user can get various benefits such as guidance, Intelligent chatbot, best
content and material, finding their area of interest, suggestion about best course
and college, exam related material, providing education news and many more.

(iv) - How the website should respond to an action

There is very simple process for it, the user just has to fill and select their input
i.e user has to select which function they wat to use and website gives quick
response to the user.
4.2. Non-functional Requirements :

(i) – How the project works

Firstly Welcome page is opened and after clicking on get started button on top
right side the user get into the Register/Login page after entering details the user
details added to firebase files and then input activity page get opened in which
user can enter their area of interest and after analyzing and evaluating the user
get redirected to the Main Home Activity in website.

(ii) – User expectations

It may be include the online 24*7 doubt solving experts.

4.3. Major Modules and their functionalities :

1. <!DOCTYPE html> : It is also known as document type and should be

included in an HTML file. It actually tells the browser that this is an HTML
document.

2. <html> </html>: This tag marks the beginning and ending of the HTML
document and whatever code is present in between these tags totally gets
considered by the browser.

3. <head> </head>: This tag store the data which actually doesn’t appear on the
webpage but it gives more information about the webpage.

4. <title> </title>: This tag stores the title/name of the web page. Whatever
title/content is given in this tag, the content appears on the tab when opened by
the browser.

5. <body> </body> : This tag is used to display all the information or data, i.e,
text, images, hyperlinks videos, etc., on the webpage to the user.

6. <link rel =”stylesheet” href=”file.css “> : This tag is used to include external
style sheets. Use this tag when you don’t want to include CSS in the HTML
document.
5. SYSTEM ANALYSIS & DESIGN
5.1. Layout Activity (CSS) :

5..

5.2. Working Activity (HTML) :

6. IMPLEMENTATION/CORE MODULE

6.1. Tables – explaining all fields and their data types for data base
used in project

Step 1 Step 2 Step 3 Step 4 Step 5

In this Step In Next Step In Third Step In this Step In last Step

In this step, After website is In this step, In this step, At last, user get
first search open, search and user has to fill there are lot of best content and
website find the input field his area of content and daily updates as
on the trusted in website. interest as per material per their
web browser. requirement. unlocked for requirement.
user as per need.

6.2 Implementation of Modules/Algorithms

The software we are going to use for implemenation is “Visual studio code ”
which is provide an integrated development environment. Visual Studio Code is
a code editor redefined and optimized for building and debugging modern web
and cloud applications.The main reason we are using this software because it
allow us to divide our project into units of functionality that we can
independently build, test, and debug.
The programming language we are using includes HTML, CSS (Cascading
styling sheet), Java Script.
7. RESULTS / OUTPUTS & TESTING
7.1 All user interfaces and output screens :

7.3 Design :
7.4 Testing Process :
8. REFERENCES
8.1. YouTube channel :

Technical Skillz
Cheezy Code
Coding With Tea

8.2 Stackoverflow

8.3 Quora
9. APPENDICES
9.1 Details of software

The software we are going to use for implemenation is “Visual studio code ”
which is provide an integrated development environment. Visual Studio
Code is a code editor redefined and optimized for building and debugging
modern web and cloud applications.The main reason we are using this
software because it allow us to divide our project into units of functionality
that we can independently build, test, and debug.

9.2 Steps to execute/run/implement the project

The Android Emulator simulates Android devices on your computer so that you
can test your application on a variety of devices and Android API levels without
needing to have each physical device. The emulator offers these advantages:

 Flexibility: In addition to being able to simulate a variety of devices and

Android API levels, the emulator comes with predefined configurations
for various Android phone, tablet, Wear OS, and Android TV devices.

 High fidelity: The emulator provides almost all the capabilities of a real
Android device. You can simulate incoming phone calls and text
messages, specify the location of the device, simulate different network
speeds, simulate rotation and other hardware sensors, access the Google
Play Store, and much more.

 Speed: Testing your app on the emulator is in some ways faster and easier
than doing so on a physical device. For example, you can transfer data
faster to the emulator than to a device connected over USB.