Project-1 Report

On

MockStack
Submitted in partial fulfillment of the requirements for the award of degree of

Bachelor of Technology (BTech)

in

Computer Science & Engineering

by

SHIV SHANKAR

(2101610109023)

PRINCE KUMAR

(2001610100152)
under the supervision of

Ms. VAISHALI PURANIK

Department of Computer Engineering

Krishna Engineering Collage Ghaziabad

Uttar Pradesh 201007

 CANDIDATE’S DECLARATION

I hereby certify that the work which is being carried out in this Project-I
titled “MOCKSTACK” in fulfillment of the requirement for the degree
of Bachelor of Technology in Computer Engineering with
Specialization in Data Science and submitted to “Krishna Engineering
College Ghaziabad”, is an authentic record of my own work carried out
under the supervision of Ms. VAISHALI PURANIK .The work
contained in this project has not been submitted by other University or
Institute for the award of any degree or diploma by me.
 CERTIFICATE

This is to certify that the work carried out in this project titled
“MockStack” submitted by Shiv Shankar and Prince Kumar” for the
award of the degree of Bachelor of Technology in Computer Science &
Engineering is a record of bonafide work carried out by them under my
supervision. In my opinion, the submitted report has reached the
standards of fulfilling the requirements of the regulations to the degree.

Ms. VAISHALI PURANIK

Asst. Professor
Department of Computer Science & Engineering
 ACKNOWLEDGEMENT

We have taken efforts in this project. However, it would not have been
possible without the kind support and help of many individuals. I would
like to extend my sincere thanks to all of them. I am highly indebted to
DR. Anuradha Ma’am for their guidance and constant supervision as well
as for providing necessary information regarding the project and also for
their support in completing the project . I would like to express my
gratitude towards my parents and members of Krishna Engifor their kind
cooperation and encouragement which helped me in completion of this
project. I would like to express my gratitude and thanks to YouTube
tutors as well for their guidance.
 TABLE OF CONTENTS

Candidate’s Declaration
Certificate
Acknowledgement

CHAPTER 1: INTRODUCTION

1.1 Introduction
1.2 Problem Statement
1.3 Solution and Objective

CHAPTER 2: IMPLEMENTATION AND RESULT ANALYSIS

2.1 Work Flow

CHAPTER 3: PROJECT OVERVIEW AND COMPONENTS REQUIRED

3.1 Languages
3.2 Libraries Used
3.3 Software and hardware requirements

CHAPTER 4: RESULTS (SCREENSHOTS)

4.1 Outcomes and glimpses

4.2 Action and Execution(with screenshots)

Conclusion
References
Basic Profile Of Student
 INTRODUCTION

Project Name – MONOSTACK (The Mock Interview Website)

A mock interview is a practice interview that is a clone of an actual job interview. It allows

job seekers an opportunity to practice for an interview and get feedback on their interviewing

skills. Mock interview is an ideal way to practice for actual job interviews because you are in

a situation that mirrors an actual interview with a company. Here’s what you need to know

about mock interviews and how they can help you prepare for job interviews.

The main goal of a mock interview is to familiarize you with various interview situations and
boost your self-confidence.

Mock Interviews help reduce anxiety and stress that is caused during interview process. You
will be less nervous during the actual interview as a result.

Mock interviews will also help you get more comfortable with frequent interview topics. You
will be able to practice several versions of these questions’ responses.

It will help you with gaining constructive feedback in a less stressful environment.

They help you prepare for behavioral-based interview questions.

1. PROBLEM IDENTIFICATION
In today’s busy daily routine, it is very difficult for the mentors , teachers and seniors to
interview the time you want and the way you want as it depends upon time to be given as
well as the frequency. Or If you’re not connected with a college or university, a website like
mockstack is the best option for a mock interview.

You can at a time search for the active users which are available for taking your interview
and vice versa. Hence it works both ways.You can also book an appointment with a mock
interviewer and provide them with information on either a specific company you are
interviewing for or your general career field.

This will help them create mock interview questions similar to those you will eventually
encounter in your actual interviews. This offers mock phone and online video interviews and
you can also record your interview with a webcam.

After the mock interview which usually lasts about 30 minutes, the interviewer will review
the interview with you and provide feedback. Similarly you can also review your experience
too and discuss the way you wanted it to be or giving any suggestions.

3.OBJECTIVES

Mockstack works as mock interview site which have features like live video call as well as
live chat in which you can communicate via chat and share your views as well can evaluate
each other. You can work on the areas you lack and repeat until you are confident and ready.
Get paired with suitable peer and interview each other anonymously .

When you plan a mock interview or practice interview with someone, provide them with
information regarding your goals and interests. The more information the other person has,
the better he will be able to come up with questions to fit the actual interviews you will have.
  Interview with multiple people
 Match with your preferable peer
 Recreate the interview setting
 Record the mock interview
 Review your recording
 Communicate with peer through chat option
 Interview now and scheduling interview options
 Pair up, Interview your peer, Peer interviews you

 Evaluate each other

IMPLEMENTATION AND RESULT ANALYSIS

WORK FLOW :
 4.HARDWARE AND SOFTWARE REQUIREMENTS

 Hardware requirements :
-> 4 core processor with 4 GB RAM

 Software requirements :

-> Github: it is used to collect all the file and make a

repository
-> A computer
-> Minimum System Requirements:-
i. Operating system-Windows 10
ii. GPU
iii. 4 GB RAM
iv. Disk Space 1GB
 -> Strong Internet Connection

1. VS Code :

Visual Studio Code is a streamlined code editor with support for

development operations like debugging, task running, and
version control. It aims to provide just the tools a developer needs
for a quick code-build-debug cycle and leaves more complex
workflows to fuller featured IDEs, such as Visual Studio IDE.

2. HTML, CSS :

HTML (the Hypertext Markup Language) and CSS (Cascading Style

Sheets) are two of the core technologies for building Web pages.
HTML provides the structure of the page, CSS the (visual and
aural) layout, for a variety of devices. Along
with graphics and scripting, HTML and CSS are the basis of building
Web pages and Web Applications.

3. Javascript:
JavaScript is a lightweight, interpreted programming language. It is
designed for creating network-centric applications. It is complimentary
to and integrated with Java. JavaScript is very easy to implement
because it is integrated with HTML. It is open and cross-platform.

4. WebRTC :

With WebRTC, you can add real-time communication capabilities to your

application that works on top of an open standard. It supports video, voice,
and generic data to be sent between peers, allowing developers to build
 powerful voice- and video-communication solutions. The technology is
available on all modern browsers as well as on native clients for all major
platforms. The technologies behind WebRTC are implemented as an open
web standard and available as regular JavaScript APIs in all major browsers.
For native clients, like Android and iOS applications, a library is available
that provides the same functionality. The WebRTC project is open-
source and supported by Apple, Google, Microsoft and Mozilla, amongst
others. This page is maintained by the Google WebRTC team.

5. Socket.IO :
Socket.IO enables real-time bidirectional event-based communication. It
works on every platform, browser or device, focusing equally on reliability
and speed. Socket.IO is built on top of the WebSockets API (Client side)
and Node.js. It is one of the most depended upon library on npm (Node
Package Manager).

6. React :

React (also known as React.js or ReactJS) is a free and

open-source front-end JavaScript library for building user in-
terfaces based on UI components. It is maintained
by Meta (formerly Facebook) and a community of individual
developers and companies. React can be used as a base in
the development of single-page , mobile, or server-rendered
applications with frameworks like Next.js. However, React is
only concerned with state management and rendering that
state to the DOM, so creating React applications usually re-
quires the use of additional libraries for routing, as well as
certain client-side functionality.
ACTION AND EXECUTION
 OUTCOMES AND GLIMPSES

Home Page & SCREENSHOTS

This page displays the basic UI and the screen user will work
with.
Here both the users have a specific ID and any one of them can
send a request to other by passing his ID.
After sending the request, other person will get a request call
with the options accept and reject.
After accepting the call, both will come with each other on a
call which will include all the properties like voice call, video
call and also sharing the screen.
They can share their screen and start interview and can also
code on their UI .
 CONCLUSION

With the completion of this project, we have successfully achieved our objective
to receive path and directions along with distance on request . With this project,
the user can get all the required information without wasting time .

To conclude, we have learnt a lot of things working on this project. We are also
thankful to our mentor and supervisor for their efforts in the learning process.

Surbhi Sharma

REFERENCES

a) Stack Overflow
 https://stackoverflow.com/

b) You Tube Tutorials

1. https://www.youtube.com/watch?v=RGKi6LSPDLU&t=6919s
2. https://www.youtube.com/results?
search_query=javascript+tutorial
3. https://www.youtube.com/watch?v=DvlyzDZDEq4&t=3s

c) Websites
1.https://socket.io/how-to/use-with-react-hooks
2. https://reactjs.org/tutorial/tutorial.html

Brief Profile of Student

Name: Surbhi Sharma

Roll No: 20001016066

Branch: Computer Engineering with Specialization in Data Science

Email Id: 20001016066@jcboseust.ac.in

Brief About Project:

  Mockstack works as mock interview site which have features like live
video call as well as live chat in which you can communicate via chat and
share your views as well can evaluate each other

Future Scope :
In this project, there is a future scope for users all over the worls to
send the connection request, make a database for all the users and
randomly pair them to connect and start the interview .