PROJECT SYNOPSIS

On
AMAZONA WEB APPLICATION
Submitted for Partial Fulfillment of Award of
BACHELOR OF TECHNOLOGY
In
Computer Science & Engineering
By
[ASHUTOSH SINGH CHAUHAN(1750810020)
ABHAY VAISH(1750810002)
AAYUSH MALIK(1750810001)]
Under the Guidance
Of
[Dr. AVINASH GUPTA, HOD CSE DEPARTMENT BBDEC]
BABU BANARASI DAS ENGINEERING COLLEGE , LUCKNOW
Affiliated to
Dr. APJ ABDUL KALAM TECHNICAL UNIVERSITY, LUCKNOW
 Table of content
INTRODUCTION
PROBLEM DEFINITION
PROBLEM OBJECTIVE
PROPOSED METHODOLOGY
THEORY
HARDWARE & SOFTWARE REQUIREMENTS
MODULE DISCRIPTION
DATA FLOW DIAGRAMS
ADVANTAGES & LIMITATIONS
REFERENCES
 INTRODUCTION
This project aims to demonstrate skills in the field of web application development.
According to survey ,Employment of web developers is projected to grow 8 percent
from 2019 to 2029, much faster than the average for all occupations.
The project is a team effort of b.tech cse students – Ashutosh Singh Chauhan, Abhay
vaish, Aayush malik of BBDEC,lucknow. Each member contributed different modules of
the project.
The internet has become more of a need than a privilege in 2020 especially with the
falling cost per gb and the ongoing pandemic which has forced everyone to work
remotely.
Thus, web applications hold immense significance and scope today than ever before.
The project showcases all the major features of eminent current E-Commerce giant
web stores. The project title is an apt emphasis of the above stated fact.
Our team has tried to keep the interface simple yet powerful. Built with the latest tech
that is in great demand in the industry.
The project makes use of MERN (Mongodb ExpressJs ReactJs NodeJs) stack for
development of its various modules and functionalities.
The source code was built from scratch using the knowledge acquired through tutorials
in Microsoft’s Visual studio code editor.
 PROBLEM DEFINITION
• With the advent of internet all major activities of daily lives of
people have shifted to online mode.
• Web applications play a major role in todays society , from
hospitality to medicine to retail and so on.
• Technology is changing rapidly and so are the needs of society.
The currently available platforms which are widely used were
created many years ago. Hence there is a need to reinvent
those products with the new technology to increase
performance, provide scalability and remove the redundant
chunk.
• This project proposes to create a new retail shopping web
application to leverage the benefits of the latest in tech world
and to add new features and greater performance by deploying
new methods of software development.
 PROBLEM OBJECTIVE
This project aims to create a shopping cart website like flipkart,
amazon,wallmart etc. that has all realistic functionalities such as user
login and payments.
To implement the latest technologies of web development in project
development work.
The project is not intended for commercial purposes yet but can be
easily scaled to commercial levels. The sole motive of the current
project is for skill development and acadmic demonstration.
The project can be coupled with other facilities such as logistics ,
warehousing and data analysis to scale the project.
 PROPOSED METHODOLOGY
The currently running shopping websites started in the early and mid 90’s.
Much has changed in the world of web development since those days.
The many years of operations has made these giants extremely complex and
heavy to operate with many of their parts still made of obsolete technologies
and due to their enormous size it cannot be completely migrated.
Our project is a fresh start and an attempt to implement the existing features
with newer technologies which are faster, occupy less space, more easily
scalable and use newer ways of application development and deployment.
The web ecosystem is a very vast space and till date most of its potential
remains untapped .
Thus there is enough scope and space for new start-ups and newer players for
a equitable distribution of available opportunities.
Though the hood might seem familiar to most users but under the hood the
project is decked up with all the buzz tech of today.
 The familiarity is deliberately put in place so that the users always feel at
home and get seamless navigation experience.
 PROPOSED METHODOLOGY
 SDLC(software development life cycle):-
 Prototyping is defined as the process of developing a working replication of
a product or system that has to be engineered. It offers a small scale
facsimile of the end product and is used for obtaining customer feedback.
 Incremental Prototyping – In this type of incremental Prototyping, the final
expected product is broken into different small pieces of prototypes and
being developed individually. In the end, when all individual pieces are
properly developed, then the different prototypes are collectively merged
into a single final product in their predefined order. It’s a very efficient
approach which reduces the complexity of the development process,
where the goal is divided into sub-parts and each sub-part is developed
individually.
 E-R diagram(Entity-Relationship diagram):-The entity
relationship diagram is a visual representation of the various
entities of a system and the relationship that exists between
them. The e-r diagram for current project can be described as
follows:
 THEORY
Technologies Used are:-
• 1.MONGODB:MongoDBis a cross-platform document-oriented database program. Classified
as a NoSQLdatabase program, MongoDBuses JSON-like documents with optional schemas.
• 2.MongoDBwas released in 2009 and is used by many organizations including Klout, Citrix,
Twitter, T-Mobile, Zendesk, Sony, Hootsuite, SurveyMonkey, MuleSoft, Foursquare, and
InVision.
• 3.The main benefit it has over MySQLis itsability to handle large unstructured data.It is
faster. People are experiencing real world MongoDBperformance mainly because it allows
users to query in a different manner that is more sensitive to workload.
• 4.It has high availabilityof data with automatic,fast and instant data recovery.
• 5.In future, if you’re going togrow bigas MongoDBhasin-built
• shardingsolution.Ifyou have anunstable schemaand you want toreduce your schema
migration cost.
 THEORY
• NODE.js: JavaScript being regarded as one of the most popular and widely used
client-side programming languages.Node.jsis a Javascriptrun-time environment
that helps in the execution of JavaScript code server-side.
• 2.Node.js has been regarded as a full-stack JavaScript for serving both the client
and the server-side applications.Therefore, the advantage is that you don’t have to
hire separate developers for backend as well as the front-end development. It
saves both your valuable money and time.
• 3.EXPRESS.js:Express.js is a web application framework for Node.js. It provides
various features that make web application development fast and easy which
otherwise takes more time using only Node.js.
• 4.Makes Node.js web application development fast and easy.
• 5.Easy to configure and customize.
• 6.Allows you to define routes of your application based on HTTP methods and
URLs.
 THEORY
• REACT.js:React JS is basically a JavaScript library built and maintained by Facebook.
According to the creator of React JS, Jordan Walke, React is an efficient,
declarative, and flexible open-source JavaScript library for building simple, fast,
and scalable frontends of web applications.
• 2.Thelatest survey by Stack Overflowalso revealed that React is the most loved web
framework, while Angular ranked 9th on the same list.
• 3.Today, there are over220,000 live websites using React. Not only that, but
industry giants like Apple, Netflix, Paypal, and many others have also already
started using React JS in their software productions.
HARDWARE & SOFTWARE REQUIREMENTS
HARDWARE:- This project aims to target desktops ,notebooks and mobile
computing devices
Minimum 1gb ram or above, intel pentium processor or above and
equivalent processors, no graphic card required.
Display size can vary from 12 cm to 70 cm
The application will supports all motherboards / manufacturers.
SOFTWARE:-
All operating systems are supported – windows(xp to 10), Linux ,MacOs etc.
All major web browsers are supported – Chrome, Microsoft Edge, Safari,
Firefox, etc.
But the latest chrome version is most recommended.
No special module needed to be installed for running the application except
of those that are preinstalled on operating systems.
 MODULE DISCRIPTION
The project is in it’s initial developmental stage.
The required knowledge for frontend and backend
development has been gathered by the team.
Required packages are gathered and the environment
is set up as well as development work has
commenced.
The application is not hosted on any public server yet
but soon we will be hosting it on Heroku servers.
Currently the application has facilities to add new
products and display the repository to customers.
The new users can create their accounts and existing
users can log into their accounts.
 MODULE DISCRIPTION
• Schemas: There will be 4 types of schemas in the database:
• –User schema: Stores information about all the users who register on the website
such as-user id, name,address, mobile number etc.
• –Order schema: Every order schema is related to a specific user schema and stores
all information about the orders placed by that user such as date, time, order
id,paymentid etc.
• –Product schema: It is an independent schema with a unique product id and a
review section and when a user selects a product the product id gets stored in
his/her order schema.
• –Cart schema: Temporarily stores the details of the current usersesand the
products assosiatedwith those users.
 MODULE DISCRIPTION
• JWT: The token-based authentication systemsallow users to enter their username
and password in order to obtain a token which allows them to fetch a specific
resource -without entering their username and password at each request. Once
their token has been obtained, the user can use the token to access specific
resources for a set time period.
• •The JWT is a self contained token which has autheticationinformation, expire time
information, and other user defined claims digitally signed.
• •No Cookies Required, So It's Very Mobile Friendly
• •Good Performance:It reduces the network round trip time
• •Instamojopayment gateway: Instamojois one of the best payment services with a
ton of great features and low transaction fees.
• •For small sellers, and startups, paying such fees are not affordable, and that’s why
Instamojohas entered the market with the simplified payment gateway solution
that helps you to collect money online.
 MODULE DISCRIPTION
• GIT VERSION CONTROL: Gitis a distributed version-control system for tracking
changes in any set of files, originally designed for coordinating work among
programmers cooperating on source code during software development. Its goals
include speed, data integrity, and support for distributed, non-linear workflows.
• •REACT REDUX: Reduxis a state management tool for JavaScript applications. The
main concept behind Reduxis that the entire state of an application is stored in one
central location. Each component of an application can have direct access to the
state of the application without having to sendpropsdown to child components or
using callback functions to send data back up to a parent.
• •AWS S3 SERVERS: AmazonS3has a simple web services interface that you canuse
tostore and retrieve any amount of data, at any time, from anywhere on the web.
It gives any developer access to the same highly scalable, reliable, fast, inexpensive
data storage infrastructure that Amazonuses torun its own global network of web
sites
 MODULE DISCRIPTION
• HEROKU: Heroku is a cloud service provider and software development platform
which facilitates fast and effective building, deploying and scaling of web
applications.
• •GITHUB: The code will be hosted on githubfor interested people to take a look
at.GitHub, Inc. is a subsidiary of Microsoft which provides hosting for software
development and version control using Git. It offers the distributed version control
and source code management functionality of Git, plus its own features.
• •Class Diagram & ER-Diagram:
• •The entity relationship diagram is a visual representation of the various entities of
a system and the relationship that exists between them.
• •a class diagram in the Unified Modeling Language is a type of static
structure diagram that describes the structure of a system by showing the
system's classes, their attributes, operations, and the relationships among
objects.
DATA FLOW
DIAGRAM
DATA FLOW
DIAGRAM
 ADVANTAGES & LIMITATIONS
The source code of the project will be hosted on github for everyone to take a look at.
The requirements are being further analysed and more functionalities will be added to
the application for the ease of the users.
The database connectivity has been provided in the application . Mongodb is used to
store the various schemas and user information in the backend.
The user authentication facility is available so that no data breaches can be made. Thus
the application is safe for all users.
Users can review and rate their purchases which will be public for other buyers to consult
.
The cart facility is added to the application recently.
The payment will be handled by InstaMojo payment gateways.
The application can scale itself automatically based on the size of the device it is accessed
on . This makes the application very responsive and user friendly.
LIMITATIONS:
It is a complex project to develop and maintain.
It requires knowledge of many technologies to run.
It is a labour intensive work.
It requires continuous changes in real time to deal with the challenges of the real world.
REFERENCES

[1] An Object-Oriented Approach to Automate Web Applications Development Oscar Pastor, Silvia Abrahão and Joan Fons
Department of Information Systems and Computation Valencia University of Technology Camino de Vera s/n, P.O. Box:
22012, E-46020 - Valencia, Spain.

[2] Methodologies for developing Web applications

Author links open overlay panelCraigStanding
School of Management Information Systems, Edith Cowan University, Joondalup, WA 0627, Australia
Received 15 November 2001, Revised 19 December 2001, Accepted 19 December 2001, Available online 13 January 2002
.
[3] Pro MERN StackFull Stack Web App Development with Mongo, Express, React, and Node
DOIhttps://doi.org/10.1007/978-1-4842-2653-7Copyright InformationVasan Subramanian 2017 Publisher NameApress,
Berkeley, CA.

[4]The Design and Implementation of a RESTful IoT Service Using the MERN Stack Publisher: IEEE
Date of Conference: 4-7 Nov. 2019Date Added to IEEE Xplore: 09 April 2020ISBN Information:INSPEC Accession
Number: 19514617DOI: 10.1109/MASSW.2019.00035Publisher: IEEE
Conference Location: Monterey, CA, USA, USA

[5] Building an online shop application with MERN stack Metropolia University of Applied Sciences Bachelor of
Engineering Information Technology Bachelor’s Thesis 1 November 2020
THANK YOU!