Mini Project Report

Red Door
www.reddoorstudioz.com

Submitted By: Submitted To:

Anshu Kumar Gupta Mr. Pankaj Lathar

(00820703115 ) 8th Sem H. O. D.
Prashant Sharma Information Technology
(03520703115) 8th Sem
 Candidate Declaration

We hereby declare that the work, which is being presented in the

project report, entitled “E-Commerce and M-Commerce” in partial
fulfillment for the award of degree of Bachelor of technology in
department of Information Technology and submitted to the
department of Information Technology, Ch. Brahma Prakash Govt.
Engineering College. The project is a Business to Customer based which
interacts with the customers directly through the website and also it
helps to broadcast some useful links and news related to the work. This
project is independent of copyrights.

(Name and Signature of Candidate)

Anshu Kumar Gupta

(00820703115)

Prashant Sharma
(03520703115)
 Abstract

Our Project is E- Commerce based website which refers to a

business Red Door. Red Door is a music company which offers all the
products and features of music to their customers, it offers Audio
Production, Video Production and Record Label.

We have two modules in this website. The first module interacts

with the customer and second interacts with admin of the website.

The customers can ask their queries if any to the owner of the business
and they can take an appointment online for the visit. Website includes
of the detailed information of the business and history of the business,
which may helpful for the customers.

The Admin have all the access to the data set presented in the website
and can control the data flow between the business and customers.
 Introduction
Red Door Studio is a well built Music Studio in Ram Nagar, Shahdara,
New Delhi serving our clients since last two years, worked for over 100
artists/musicians till date. Red Door Studio provides the best services
that an artists need, including – Audio Vocal Recording, Music Making,
Mixing / Mastering of songs, Video Production, Lyrics Writing,
Marketing / Promotion and much more. Our moto is to provide a
good quality work under our prospective to our people at a very
affordable price as compared to the high rated musical shops. Red
Door Music Studio is the place where we create records, produce &
build new musics for good artists. We believe in supporting new artists
who may have talent but may lack in resources for it & we help them
to provide it to the fullest.

Objective
Online queries makes users easy to know about the business and all
the facilities provided by the business to their clients. Asking questions
on call is not a good way to interact with the business. So our aim was
to design a website for of own business which eliminates the need of
offline queries and appointment booking.
 Web Development

Web development is a broad term for the work involved in developing

a web site for the Internet (World Wide Web) or an intranet (a private
network). Web development can range from developing the simplest
static single page of plain text to the most complex web-based
internet applications, electronic businesses, and social network
services. A more comprehensive list of tasks to which web
development commonly refers, may include web engineering, web
design, web content development, client liaison, client-side/side
scripting, web server and network security configuration, and e-
commerce development. Among web professionals, "web
development" usually refers to the main non-design aspects of
building web sites: writing markup and coding. Most recently Web
development has come to mean the creation of content management
systems or CMS. These CMS can be made from scratch, proprietary or
open source. In broad terms the CMS acts as middleware between the
database and the user through the browser. A principle benefit of a
CMS is that it allows non-technical people to make changes to their
web site without having technical knowledge. For larger organizations
and businesses, web development teams can consist of hundreds of
people (web developers) and follow standard methods like Agile
methodologies while developing websites. Smaller organizations may
only require a single permanent or contracting developer, or
secondary assignment to related job positions such as a graphic
designer or information systems technician. Web development may be
a collaborative effort between departments rather than the domain of
a designated department. There are three kind of web developer
specialization: front-end developer, back-end developer, and full-stack
developer.
 Web Site
A website is a collection of related web pages, including multimedia
content, typically identified with a common domain name, and
published on at least one web server. A website may be accessible via
a public Internet Protocol (IP) network, such as the Internet, or a
private local area network (LAN), by referencing a uniform resource
locator (URL) that identifies the site. Websites have many functions
and can be used in various fashions; a website can be a personal
website, a commercial website for a company, a government website
or a non-profit organization website. Websites are typically dedicated
to a particular topic or purpose, ranging from entertainment and
social networking to providing news and education. All publicly
accessible websites collectively constitute the World Wide Web, while
private websites, such as a company's website for its employees, and
are typically a part of an intranet. Web pages, which are the building
blocks of websites, are documents, typically composed in plain text
interspersed with formatting instructions of Hypertext Markup
Language (HTML, XHTML). They may incorporate elements from other
websites with 10 suitable markup anchors. Web pages are accessed
and transported with the Hypertext Transfer Protocol (HTTP), which
may optionally employ encryption (HTTP Secure, HTTPS) to provide
security and privacy for the user. The user's application, often a web
browser, renders the page content according to its HTML markup
instructions onto a display terminal. Hyperlinking between web pages
conveys to the reader the site structure and guides the navigation of
the site, which often starts with a home page containing a directory of
the site web content. Some websites require user registration or
subscription to access content. Examples of subscription websites
include many business sites, news websites, academic journal websites,
gaming websites, file-sharing websites, message boards, web-based
email, social networking websites, websites providing real-time stock
market data, as well as sites providing various other services. As of
2016 end users can access websites on a range of devices, including
desktop and laptop computers, tablet computers, smartphones and
smart TVs. A web site consists of web pages which are interconnected
to each other and contain various data and functionalities.

Web-Page

A web page, or webpage, is a document that is suitable for the World

Wide Web and web browsers. A web browser displays a web page on
a monitor or mobile device. The web page is what displays, but the
term also refers to a computer file, usually written in HTML or
comparable markup language. Web browsers coordinate the various
web resource elements for the written web page, such as style sheets,
scripts, and images, to present the web page. Typical web pages
provide hypertext that includes a navigation bar or a sidebar menu to
other web pages via hyperlinks, often referred to as links. On a
network, a web browser can retrieve a web page from a remote web
server. On a higher level, the web server may restrict access to only a
private network such as a corporate intranet or it provides access to
the World Wide Web. On a lower level, the web browser uses the
Hypertext Transfer Protocol (HTTP) to make such requests. A static
web page is delivered exactly as stored, as web content in the web
server's file system, while a dynamic web page is generated by a web
application that is driven by server- side software or client-side
scripting. Dynamic website pages help the browser (the client) to
enhance the web page through user input to the server.
 The Steps To Create A Website

Creating a website requires multiple steps which includes the following:

 Creating a UI (Front-End)
 Creating a server (Back-End)
 Scripting (Both at the server side and client side)
 Creating database
 Front-End Development

We have created our website’s front-end using React.

React (also known as React.js or ReactJS) is a JavaScript library for
building user interfaces. It is maintained by Facebook and a community
of individual developers and companies. React can be used as a base in
the development of single-page or mobile applications, as it's optimal
only for its intended use of being the quickest method to fetch rapidly
changing data that needs to be recorded. However, fetching data is
only the beginning of what happens on a web page, which is why
complex React applications usually require the use of additional
libraries for state management, routing, and interaction with an API.
History

React was created by Jordan Walke, a software engineer at Facebook.

He was influenced by XHP, an HTML component framework
for PHP.[9] It was first deployed on Facebook's newsfeed in 2011 and
later on Instagram.com in 2012.[10] It was open-sourced at JSConf US
in May 2013.
React Native, which enables native Android, iOS,
and UWP development with React, was announced at Facebook's
React.js Conf in February 2015 and open-sourced in March 2015.
On April 18, 2017, Facebook announced React Fiber, a new core
algorithm of React framework library for building user
interfaces.[11] React Fiber was to become the foundation of any future
improvements and feature development of the React
framework.[12][needs update]
On April 19, 2017, React 360 V1.0.0 was released to the public.[13] This
allowed developers with experience using react to jump into VR
development.
 Back-End development

We have developed our website’s back-end using Express and NodeJS.

Node.js is an open-source, cross-platform JavaScript run-time

environment that executes JavaScript code outside of a browser.
JavaScript is used primarily for client-side scripting, in which scripts
written in JavaScript are embedded in a webpage's HTML and run
client-side by a JavaScript engine in the user's web browser. 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.
Though .js is the standard filename extension for JavaScript code, the
name "Node.js" does not refer to a particular file in this context and is
merely the name of the product. Node.js has an event-driven
architecture capable of asynchronous I/O. These design choices aim to
optimize throughput and scalability in web applications with many
input/output operations, as well as for real-time Web applications
(e.g., real-time communication programs and browser games).
The Node.js distributed development project, governed by the Node.js
Foundation is facilitated by the Linux Foundation's Collaborative
Projects program.

Node.js allows the creation of Web servers and networking tools

using JavaScript and a collection of "modules" that handle various core
functionality. Modules are provided for file system I/O, networking
(DNS, HTTP, TCP, TLS/SSL, or UDP), binary data
(buffers), cryptography functions, data streams, and other core
functions. Node.js's modules use an API designed to reduce the
complexity of writing server applications.
Though initially the module system was based on commonjs module
pattern, the recent introduction of modules in the ECMAScript
specification has shifted the direction of using ECMAScript Modules in
Node.js by default instead.
Node.js is officially supported on Linux, macOS, Microsoft
Windows, SmartOS, FreeBSD, OpenBSD and IBM AIX. The provided
source code may also be built on similar operating systems or be
modified by third parties to support others such
as NonStop and Unix servers. Alternatively, they can be written
with CoffeeScript (a JavaScript alternative), Darter TypeScript (strongly
typed forms of JavaScript), or any other language that can compile to
JavaScript.
Node.js is primarily used to build network programs such as Web
servers. The most significant difference between Node.js and PHP is
that most functions in PHP block until completion (commands only
execute after previous commands finish), while Node.js functions
are non-blocking (commands execute concurrently or even
in parallel, and use callbacks to signal completion or failure).

Express.js, or simply Express, is a web application

framework for 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.
The original author, TJ Holowaychuk, described it as a Sinatra-inspired
server, meaning that it is relatively minimal with many features
available as plugins. Express is the backend component of the MEAN
stack, together with the MongoDB database software
and AngularJS frontend framework.
 Database

We have used mongodb as our website’s database.

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

Classified as a NoSQL database program, MongoDB uses JSON-like
documents with schemata. MongoDB is developed by MongoDB
Inc. and licensed under the Server Side Public License (SSPL).

History

10gen software company began developing MongoDB in 2007 as a

component of a planned platform as a service product. In 2009, the
company shifted to an open source development model, with the
company offering commercial support and other services. In 2013,
10gen changed its name to MongoDB Inc.
On October 20, 2017, MongoDB became a publicly-traded company,
listed on NASDAQ as MDB with an IPO price of $24 per share.
 Language Used

We have used JavaScript language to develop all the front-end and

back-end.

JavaScript (/ˈdʒɑːvəˌskrɪpt/), often abbreviated as JS, is a high-

level, interpreted programming language that conforms to
the ECMAScript specification. It is a programming language that is
characterized as dynamic, weakly typed, prototype-based and multi-
paradigm.
Alongside HTML and CSS, JavaScript is one of the core technologies of
the World Wide Web. JavaScript enables interactive web pages and is
an essential part of web applications. The vast majority of websites use
it, and major web browsers have a dedicated JavaScript engine to
execute it.
As a multi-paradigm language, JavaScript supports event-
driven, functional, and imperative (including object-
oriented and prototype-based) programming styles. It has APIs for
working with text, arrays, dates, regular expressions, and the DOM, but
the language itself does not include any I/O, such
as networking, storage, or graphics facilities. It relies upon the host
environment in which it is embedded to provide these features.
Initially only implemented client-side in web browsers, JavaScript
engines are now embedded in many other types of host software,
including server-side in web servers and databases, and in non-web
programs such as word processors and PDF software, and in runtime
environments that make JavaScript available for writing mobile and
desktop applications, including desktop widgets.
The terms Vanilla JavaScript and Vanilla JS refer to JavaScript not
extended by any frameworks or additional libraries. Scripts written in
Vanilla JS are plain JavaScript code.
Although there are similarities between JavaScript and Java, including
language name, syntax, and respective standard libraries, the two
languages are distinct and differ greatly in design. JavaScript was
influenced by programming languages such as Self and Scheme.

Server-side JavaScript
In December 1995, soon after releasing JavaScript for browsers,
Netscape introduced an implementation of the language for server-side
scripting with Netscape Enterprise Server.
Since 1996, the IIS web-server has supported Microsoft's
implementation of server-side Javascript -- JScript—in ASP and .NET
pages.
Since the mid-2000s, additional server-side JavaScript implementations
have been introduced, such as Node.js in 2009.
 Project Overview
Red Door The Music Studio is a business website which helps
customers to solve all of their queries and they can also book their
appointment for visiting the studio.
There is all the necessary information provided related to the business
so that customers don’t need to call the owner or visit physically.

We have added the history about the business which also helps
customers to know better about the business and leaders.

This project consists of three main routes:

1. /home
2. /about-us
3. /contact-us

/home the main route consists of followings:

 Service lists provided by Red Door
 Videos created by Red Door
 Carousel which makes website attracting and provides useful
information.

/about-us route consists of followings:

 A brief overview of Red Door
 Leaders Information

/contact-us route consists of followings:

 Contact Information
 Location Information

Website has some common components which is shared among all the
routes such as: Header, Footer and Feedbacks.