DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

UNSIET , VBSPU , JAUNPUR

Internal Evaluation of Project

On
"REAL TIME INSTAGRAM CLONE APPLICATION
USING MERN"

Presented By: Project Guide:

ABHISHEK MR. KRISHNA KUMAR

AGRAWAL (205504) YADAV
ARVIND YADAV (Assistant Professor)
(205526)
DEEPAK YADAV
"REAL TIME INSTAGRAM CLONE APPLICATION USING
MERN"
TABLE OF CONTENT
 Introduction
 Advantages
 Disadvantages
 Aim of this Project
 Objectives of this Project
 Design Methodology
 Algorithm and Flowcharts
 Obtained Results
 Analysis and Discussion of Results
 Future Work
 Conclusion
 References
INTRODUCTION
 Real Time Instagram Clone Application Using MERN is the Similar to the Instagram app,
where users can share images and thought , ideas , ….etc that can visible to the audience
across the globe.

 Real Time Instagram Clone Application script has several unique features. Features can
be added, deleted, and modified easily in the Instagram Clone.

 Search for those people whom the user wants to follow and also seen other user profile .

 It will connect more people together, it will increase creativity power, and to improve
strategical thinking.
ADVANTAGES

 Easy to use because all features servicing will quickly available 24 x 7 on Web.

 It will Connect more people together.

 It can be easily accessed globally with help of Internet .

 Users are able to search other user across the platform .

 Interactive and attractive design.

DISADVANTAGES

 Every one has not IOS and Android Software.

 Spend most time in Instagram just to time pass.

 People are more to show things which are not needed.

 Less Privacy.

 The popular photo sharing app negatively impacts on sleep, increases bullying
and “FOMO”(Fear of Missing out), and leads to greater loneliness.
AIM OF THIS PROJECT

The Aim of this project is to connect more people together, it will increase creativity
power, and also increase strategically thinking. It can help young players to
perseverance by showing the achieving of others to achieve goal build resilience and
improve their communication skills.
OBJECTIVE OF THIS PROJECT

 Objective 1: To create a framework with similar functionalities to that of a

Instagram application which works on any device .

 Objective 2: Users can share images their knowledge, views, ideas, thought and
content that can visible to the audience across the globe.

 Objective 3: The purpose of this Application is it will connect more people

together.

 Objective 4: Business man are able to advertise their product and services and also
Entertain the people.
DESIGN METHODOLOGY
 1. Requirement Analysis: Understand the purpose, target audience, and key
features of the Instagram clone app.

 2. System Design:
Technology Stack Selection: Choose the appropriate technology stack for
developing the app, including programming languages, frameworks …......... etc.
Design Phases - UI/UX Design: Design the user interface (UI) and user
experience (UX) of the app.

 3. Development:
Frontend Development: Develop the frontend of the app using technologies like
React and chakra UI.
Backend Development: Develop the backend infrastructure using frameworks
like Node.js. Implement server-side logic, database management.
 4. Integration: - Cloud Services: Utilize cloud services for hosting, storage, and scalability,
such as AWS, Google Cloud Platform, or Azure.
 5. Testing: -
Unit Testing: Conduct unit tests to ensure individual components of the app function
correctly.
Integration Testing: Test the integration of frontend and backend components to
ensure seamless communication and functionality.
 6. Deployment: Deploy the app to app stores (e.g., Apple App Store, Google Play Store)

Methodology Figure
ALGORITHM AND FLOWCHART OF LOGIN/SIGNUP
ALGORITHM AND FLOWCHART OF SEARCH

Yes

No
ALGORITHM AND FLOWCHART OF ADD POST

No
ALGORITHM AND FLOWCHART OF USER PROFILE
ALGORITHM AND FLOWCHART OF VIDEO CALL
OBTAINED RESULTS
 An Application which is similar to the existing Instagram app is created. In other
word we can say that an real time Instagram clone application is created.

 This application is created by using the technique MERN (MongoDB , Express Js ,

React Js , Node Js).

 It is similar to the existing application.

CONCLUSION
 I have developed a Android Instagram Application , in which we can share image and
video , we can follow and unfollow option , theirs a profile page in which follows
and following are visiable, in search page we search registered user .

 We have included a brief highlight of building instagram app using reactjs. Generally
react.js allow us to design reusable user interface components.It also allows
developers to create large web applications

 The main reason for using React is to be very fast,scalable and Simple.We developed
the instagram app using reacts having the features like fast, accurate ,scalable and
simple and easy to use .
FUTURE WORK

 To connect with Microsoft SQL server for unlimited for data.

 Monetization enable for content creator.

 Reels section are enable in future.

 Video related content enable in the future for the user.
REFERNECES
[1] Brown, Emily. "Understanding User Behavior on Social Media Platforms."
Journal of Social Media Studies, vol. 10, no. 2, Year, pp. 45-60.

[2] Https://Ranawat/instagram-clone/Youtube.com

[3] GitHub Repository for Instagram Clone Project:

Https://Github.com/Ranawat/instagram-clone

[4] React Native Documentation: [https://reactnative.dev/docs/gettingstarted]

[5] [ Https://www.youtube.com/playlistlist=PL4cUxeGkcC9gGrbtvAS EZS

lFEYBnPkmff ]
SOFTWARE & HARDWARE REQUIREMENTS

HARDWARE REQUIREMENTS:
 Processor : intel Pentium iv 1.8 GHZ
 Motherboard : intel 915gvsr chipset board
 Ram : 1 GB ram
 Hard disk drive : 2GB HDD space but 4GB
Recommended.
 Monitor : Monitor resolution needs to be 1280x800 .

Languages :
 Front end: HTML , CSS , React , JavaScript
 Back end : Node Js , Mongo DB , Express Js
ABOUT MONGO DB

 MongoDB is an open-source document-oriented database that is designed to store a

large scale of data and also allows you to work with that data very efficiently. It is
categorized under the NoSQL (Not only SQL) database because the storage and
retrieval of data in the MongoDB are not in the form of tables.

 Nowadays there are so many companies that used MongoDB like Facebook, Nokia,
eBay, Adobe, Google, etc. to store their large amount of data.
ABOUT NODE JS
 Node.js is an open-source and cross-platform JavaScript runtime environment.

 Node.js runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.).

 Node.js can generate dynamic page content.

 Node.js can add, delete, modify data in your database.

 Node.js is used to build back-end services like APIs like Web App, Mobile App or
Web Server. A Web Server will open a file on the server and return the content to
the client.
ABOUT REACT JS
 ReactJS, also known as React, is a popular JavaScript library for building user
interfaces. It is also referred to as a front-end JavaScript library.

 Used for creating dynamic and interactive web applications.

 React is a declarative, component based library that allows developers to build

reusable UI components and It follows the Virtual DOM (Document Object Model)
approach.

 React is fast and works well with other tools and libraries.
ABOUT EXPRESS JS
 Express is a fast, assertive, essential and moderate web framework of Node.js.

 You can assume express as a layer built on the top of the Node.js that helps manage a
server and routes.

 It provides a robust set of features to develop web and mobile applications.

 It can be used to design single-page, multi-page web applications.

LANGUAGES
 HTML : It is used for creating Web pages and describes the structure of a Web page.

 CSS : CSS is used to define styles for your web pages, including the design, layout
and variations in display for different devices and screen sizes.

 JAVASCRIPT : JavaScript is a lightweight programming language commonly used by

web developers to add dynamic interactions to web pages, applications, servers, and
even games and used for creating dynamic web page content.

 FIREBASE : Firebase is a product of Google which helps developers to build, manage,

and grow their apps easily. It uses NoSQL for the database for the storage of data.
WORK FLOW DIAGRAM FOR APPLICATION