Summer Internship Experience 2022

A Project Report Submitted

in Fulfillment of the Requirements

for the course of

CHN-499:Training Seminar, Chemical Engineering

in

IIT Roorkee

by

Suraj Hindauliya

(Enrollment No. 19112083)

to
INDIAN INSTITUTE OF TECHNOLOGY

ROORKEE, INDIA

2022-23
 ACKNOWLEDGEMENT

First of all, I would like to thank my college, Indian Institute of

Technology Roorkee for providing me with the opportunity to take up
an internship as a Frontend Development Intern in Insta Minutes
from 22 May 2022 to 10 July 2022.

I would also extend my heartfelt thanks to my mentor Abhishek

Mittal, Senior Frontend Developer at InstaMinutes and my
manager Prakhar Jain, Full Stack Developer, Manager at Insta
Minutes to guide me at every step during the internship period.

Further, I’m extremely thankful to my parents and friends for always

believing in me and motivating me to work harder.

Suraj Hindauliya
 ABOUT THE COMPANY

Instaminutes is the 1st AI tool that summarizes meetings into

short notes with 1 click. Instaminutes is 10x shorter than
transcription and saves 90% editing and reading time.
Instaminutes takes out all the hassle of taking notes during the
meeting and generates minutes of the meeting automatically.
Instaminutes is specifically designed for tech startups that are
looking to increase the collaboration hub that brings the right
people, information and tools together to get work done.
 About the Project
Requirement of the project was to develop a web application
incorporating collaborative and interactive features of Social
Media.

Social media is an interactive computer-mediated technology

that facilitates the creation or sharing of information, ideas,
career interests and other forms of expression via virtual
communities and networks.

Motivation: we wanted to build a web app which allows you to

reach people locally, regionally, nationally and even
internationally. To provide a platform where people can connect
with other people around the world. To share their thoughts and
get to know other cultures around the world.
 Schedule

WEEK-1
Introduction to github repositories and web development basics revision.

WEEK-2
Project and task allocation, Learning tech stack related to the project.

WEEK-3
Designing various pages for inhabiting different products and their details
using basic development languages like HTML,CSS,JS.

WEEK-4
Understanding concepts of React js for single page application.
Compressing each page to a single page application

WEEK-5
Single page application development phase started. Compressing HTML
CSS JAVASCRIPT code to a single file . Rendered using React js modules

WEEK-6
Testing the site and finding bugs created during code conversion. Took
feedback from members to improve the UI and speed of the site.
 Technologies used
Frontend technologies:

HTML:

HTML (HyperText Markup Language) is the code that is used to structure

a web page and its content. For example, content could be structured
within a set of paragraphs, a list of bulleted points, or using images and data
tables.

CSS:

Cascading Style Sheets is a style sheet language used for describing the
presentation of a document written in a markup language like HTML. CSS is
a cornerstone technology of the World Wide Web, alongside HTML and
JavaScript.
JAVA Script:

JavaScript often abbreviated as JS, is a programming language that is one of the

core technologies of the World Wide Web, alongside HTML and CSS. As of 2022,
98% of websites use JavaScript on the client side for webpage behavior, often
incorporating third-party libraries. All major web browsers have a dedicated
JavaScript engine to execute the code on users' devices.

Reactjs:

React (also known as React.js or ReactJS) is a free and open-source front-end

JavaScript library for building user interfaces 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.
Bootstrap:

Bootstrap is a free and open-source CSS framework directed at responsive,

mobile-first front-end web development. It contains HTML, CSS and (optionally)
JavaScript-based design templates for typography, forms, buttons, navigation, and
other interface components

Material UI:

Material-UI is an open-source project that features React components that

implement Google’s Material Design.
Frontend and Backend Interaction:
Backend technologies:

Node.js:

Node.js is an open-source, cross-platform, back-end JavaScript runtime

environment that runs on a JavaScript Engine (i.e. V8 engine) and executes
JavaScript code outside a web browser, which was designed to build scalable
network applications. Node.js lets developers use JavaScript to write command line
tools and for server-side scripting—running scripts server-side to produce dynamic
web page content before the page is sent to the user's web browser. Consequently,
Node.js represents a "JavaScript everywhere" paradigm, unifying web-application
development around a single programming language, rather than different
languages for server-side and client-side scripts.

Express.js:

Express.js, or simply Express, is a back end web application framework for

building RESTful APIs with Node.js, released as free and open-source software
under the MIT License. It is designed for building web applications and APIs. It
has been called the de facto standard server framework for Node.js.
Database:

In computing, a database is an organized collection of data stored and accessed

electronically. Small databases can be stored on a file system, while large databases
are hosted on computer clusters or cloud storage.

MongoDB (mongoose) :

MongoDB is a cross-platform document-oriented database program. Classified as a

NoSQL database program, MongoDB uses JSON-like documents with schema.
Mongoose is an Object Data Modeling (ODM) library for MongoDB and Node. js.
It manages relationships between data, provides schema validation, and is used to
translate between objects in code and the representation of those objects in
MongoDB.
Results and work done:

People Interaction Page

SignUp/LogIn Page

Features:

1. Signup and Login

2. Create a profile.
3. Edit profile(Change Name, Profile picture, Self details, cover picture).
4. Share posts(Photos, Text posts).
5. Comment and Like on Posts.
6. Search other people’s profiles
7. Follow/unfollow other users.
8. Reset password via email.
Improvements:

1. UI can be improved.
2. Responsiveness of the app can be improved.
3. The personal chat feature can be added.
4. User stories feature can be added.

Learnings:

Introduced to various technologies like React js, Node Js, MongoDB.

Converting a multi page application to a single page application.
Expressing own Ideas in front of other team members and mentors.
Communicate effectively with team members.
CERTIFICATE