In this module we will see the E-commerce site of clothing shop. first we will see the some introduction and abstract after the we will move forward to E-commerce and cloth App. this is basic overview of web Application :
Abstract :
we have seen advertised over the phone view in the printed catalog by telephone or fax, and ATMs are always available quickly, easily, and automatic banking. Companies advertise by broadcasting & networks, & consumer groups at international retail outlets and international trading networks. As the world is becoming more and more connected, especially with the internet through its openness
protocols, a brand looking business will be able to make their product available the global market, without having to build and maintain their own networks for sale to bring and support customers.
While strategies to attract consumer attention, to define products, & electronic submissions will be of interest to those wishing to participate in this process
new markets, this project easily explains how business transactions can be done with across an unreliable and insecure site like the internet, and some of the methods have been discussed currently being planned and launched - in other words, how to buy & future sales, and how it will work.
Introduction :
The internet has become an important way to do global business based on the status of Global Business is made in a new way: electronically, in use networks and the internet. Internet availability has led to the development of E-Commerce (Electronic commerce), in which a business transaction takes place through communication networks: E-Commerce has two main features: savings and in technology. The pressure of this tutorial will show you how to get started in a complex environment and the exciting world of Electronic Commerce. New levels and new resources are available constant and their proper understanding is essential for success on a performance and especially for those tasked with selecting, establishing, and maintaining the required infrastructure.
Aims and Objective :
The aim of this project is to improve the Functionality of Web Application. The expected outcomes of achieving the objectives are:
Sign-up / Sign-in using email or google account.
Browse items by category.
Add items to cart.
Show cart content information (quantity of each article, total price…)
Checkout items using Stripe with a given test credit card information to use.
What is E-Commerce :
Such as mobile business, electronic money transfer, supply chain management, internet marketing, online processing, electronic data exchange (EDI), inventory management systems, and automated data collection systems. E-Shop, trading products or services using computer networks, such as like Internet. Electronic trading draws on at least one Wide Web technologies part of the work life cycle, although many use other technologies such as e-email . Many retail stores are switching to E-Commerce because e-commerce is growing rapidly on earth.
Many E-commerce businesses use some or all of the following
Online shopping sites for sales that sell directly to consumers.
Offering or participating in online marketing, processing a foreign business-to-consumer company. or a consumer-to-consumer sale
Buying and selling business to business Collect and use statistical data through web contacts
Business-to-business buying and selling
What do you Mean by E-commerce:
E-commerce is the exchanges for goods and services, usually financial. when you something in the store you buy something in the store and participate in the ecommerce. Going to work every day for a product company, is a link to a series of commercial. When a person thinks differently, he immediately sees a few various commercial players such as:
Buyers: These are people or organizations that have money that they want to buy goods and services products.
Vendors: These are the people who provide goods & services to consumers, Retailers are awareness in different ways as retailers selling directly to consumers as well retailers who sell to retailers and others. Retailers are also known distributors.
Manufacturers: This is an organization of people who create products and services what the seller offers to the buyers. The manufacturer may be placed in the vendor category. There they can sell products in any category to customers
The Elements of E-commerce:
In the case of E-Commerce, all the items listed above are available but they are a slight difference in the state of real life.
1) Product or service : In the case of E-Commerce, the visual product displayed on the website. One can display the product multimedia presentation of the product and the whole feature on the web page itself, which may not be possible in it the state of the visible products of commercial activity.
2) A place to sell the products : In the case of E-Commerce, website displays products in every way and acts as an E-Commerce site.
3) A way to get customers to visit your website: In the case of E-Commerce search engines and links to other websites play an important role to help customers access the websites of E organizations.
4) How to receive refunds: On the web pages of E-commerce companies shopping carts are creatures provided. One can click on the icon and fill out a purchase card to order items to be purchased, after checking stocks products will be approved by the E-Commerce company order from the customer.
5) How to handle warranty purposes: Sometimes when a product breaks method or other problems arising from the product. That's right State, warranty claims should be respected as in commercial matters.
6) How to provide customer service: Key customer tools Services are E-mail, Online forms Online Information basics as well Frequently Asked Questions
React Js :
React is a JavaScript library established by Facebook that is sometimes referred to as a frontend JavaScript framework. React is a tool for creating user interface components. In memory, react constructs A VIRTUAL DOM, instead of directly altering the browser's DOM, react constructs a virtual DOM in memory and performs all necessary manipulations there before making changes to the browser DOM Only alter what needs to be updated with React! React determines what changes have been made and only makes the necessary modifications.
Requirement Analysis:
Since the purpose of the website is easy to use and provides a functional interface, The website is simple and easy to use for the end user. In the online web-based shopping system there are two systems that work with the system, one of whom is a customer who wants to purchase a product and the other a system administrator in charge of a good web-based online shopping program should produce the following features. to customers for better use.
Customer needs;
Knowing when an item should be stored and not in a shopping cart.
Return various parts of the site after adding an item to the shopping cart.
Easy scanning and selection of list items.
Product organization.
Easy navigation from home page to information and order links for specific products.
Explicit purchase links or buttons.
Structured order of product information.
An active web interface that will act as an administrator so that it can manage every part of the system assets.
Data Requirements :
The customer can view the product the right way but in order to buy it they have to add the product in between the shopping cart, for this reason must be registered or must be logged in if it is an existing user.
To launch the program, the administrator must select a category of product, company or the product manufacturer will stay in the system to see the customer and can choose those from his panel.
From user component or customer component, customer order from his component can manage product order.
The Admin can add a product category, remove, view, update the product and its condition is not available in the store or stand to sell or not show to the customer.
PROCESS REOUIREMENT:
Performing any systems has a specific authentication function. Following on
Procedure requirements are identified for better system performance:
A valid administrator user is required to access the control system configuration
A valid customer ID is required of the customer in order to purchase the product.
Administrator login to the system can view, edit, delete and update a category, manufacturer product related information. And he can review the order in the composition.
Use Case Diagram :
A use case is a method to used in system analysis to identify, clarify, and classify system requirements. A usage case consists of a set of possible sequences of interactions between programs and users in a particular area and related to a specific goal. Contains a collection of items (for example, classes and workshops) which can be used together in a way that will have a greater impact than the total number of different components combined.
In this case the Online Purchasing Manager diagram can add, remove, edit and view Category, Manufacturer and Product and the manager can manage it all. Admin can also manage customer orders, and can change status.
1.1 Use case diagram for an Administrative Management :
1.2 Use case diagram for a Customer :
Description:
This is a Use Case diagram of a customer, This diagram shows the work done from the end of the customer to purchase the product. There are many product search options by category, manufacturer, best seller and latest product.
Context Level Diagram :
The content level diagram simply shows the activity that takes place throughout the system, in fact indicates input what is output for the input.
Context Level DFD
Design Specification :
1. Home Page :
A home page is a web page that serves as the beginning of a website. It is a web page that loads when you visit the web. The homepage is in the domain directory of website. Most web servers allow the home page to specify several different files, None a typical home page layout, but most home pages include links to navigation bar in various categories within the website. Other common features found at home. The page includes a search bar, website information, and the latest news or updates. Purchase a home page enter multiple system components below
Best Selling: At the top of the homepage shows the top sales of the product.
Menu: In home page login, contact and cart category is there, and the customer can search the product according to the product category the customer needs.
Shopping Cart: Customer can see the products added to his cart.
Create an Account: Customer can create a new account and after registration customer will redirect to login page.
The most recently added product displayed on the homepage right and centre of the home page.
At the bottom of the home page the customer can view the footer part. So user can view the details of Manufacturer and see the copyright polices also and contact details also. .
Home Page
2. Customer Entry And Registration Page :
The customer must be logged in before adding a product to the cart. On this page the existing customer can sign up to purchase a product and a new user can create a product purchase account. User image of login and registration page provided below
Login and Register User
3. Add to Cart Page :
To buy a product the user must be add the product to the cart. And the customer can watch product details, as well as a great view by placing a cursor over the product image.
Empty Cart
4. Shop Page :
For Shopping a product , here there are many option like, For Men, For Women, For kids and there are other products also for check out. i.e. Shoes and Hats also. There are the most selling items. The figure of shopping Page is given below,
Shopping Page
5. Final Checkout :
From the customer panel before adding shipping information he can see the product details. The figure of Final Checkout is given below,
Checkout Products
Admin Interface :
This is Admin Backend Server for Users . In this project the backend part is made by Node js , Mongo DB compass and for checking a request Postman will be used. So Postman can check the all sending request from the servers if the request is true or not. And also postman is connect with Mongo DB. So for online database the mongo Db can fetch the data from the servers.
Admin Page
1. Register User : The user can register itself and the password of user will hash so Admin and other cant be seen.
Register User
2. Login User : After registration user can login by email id and password . so after login user will be redirect to Home page of products.
3. Create a Product
In this part Admin can create a product bt giving such a information of products and after registering a product the stock of the product will be increase by dynamically.
Create A Product
Conclusion :
If you want to get into ecommerce, there is no better time than now. the community has been very familiar with the use of ecommerce to your advantage of various products and services. we will see more amazing things ecommerce for both entrepreneurs and consumers.
ACKNOWLEDGMENTS :
On the submission of our “Cloth Application” report, I would like to extend our sincere thanks and sincere thanks to our supervisor Professor Nishat Shaikh. The Department of Information Technology for his continued encouragement and support during our work this past month. I really appreciate it and appreciate his respectful guidance and encouragement from the beginning to the end of this concept. I thank him for helping us to solve the problem and for showing understanding about the solution.
References :
[1] Redux
https://redux.js.org/?ref=morioh.com&utm_source=morioh.com
[2] Node Js
https://nodejs.org/en/?ref=morioh.com&utm_source=morioh.com
[3] React Js https://reactjs.org/docs/code-splitting.html
[4] Mongo Db
https://www.mongodb.com/products/compass
Comments