Fashion HUB an Online Shopping App

Abstract

Since the global spread of Covid 19 across the world It has been and epidemic which has caused various losses in various fields, and has had a significant impact on small scale businesses. Covid cases have risen sharply in the second wave leading to a heavy loss in local businesses. So in order to tackle this problem, we came up with the idea which will help such small scale businesses. As we have seen rapid increase in users of ecommerce websites such as Amazon, Flipkart, Myntra and many others ecommerce websites people are mostly switching towards online shopping But many people still doubts the quality of online products So we will be trying to connect the local shopkeepers to local customers as the trust issues increases in this case and smooth solution of the issue is possible as compared to that of other e commerce websites. This project concentrates not only on the sake of local vendors but as well as of customers. As to better manage the online selling process, we need to comw up with a better approach of online selling web development app which is “Fashion HUB”.

Introduction

??????I. INTRODUCTION

A. Background/context

E-Commerce is the process of doing business online through computer networks. The first goal of an ecommerce site is to sell goods and services online. Online the purchase may be a type of electrical shop where the customer is online directly from the seller computer usually via net. Someone sitting on top of him

The front seat of the computer can access all the resources often to buy or sell products. Shopping online

The system assists in purchasing products, products and services online by selecting products listed on the website (ECommerce site). The cart is especially useful for anyone you do not have time to go shopping. The cart can be a an important feature used in commerce to help people shopping online. Buy and sell process completed electronically or in cash upon delivery. User can log on to the eCommerce website, once logged in automatically one cart will be made, once the user selects an item that will increase the cart. In case the user he thinks the selected object is of no use to him, he can remove that makes the cart. An online site to buy, sell products or goods online using an internet connection. Unlike traditional trade which is physically transmitted through individual effort navigating and finding products, eCommerce has made it easier so that people can postpone the delivery according to the convenience of the customer.

B. Motivation

In today's world where everyone has smartphones, laptops, electronic gadgets and most importantly access to online services Electronic Commerce plays a vital role in the development of organizations. Daily Competition between each other affects new heights and to keep up with everyone Electronic Commerce is very important. In the growing competition and online businesses, small business owners have been severely affected as sales of various products have gone from them to other business giants such as Flipkart, Amazon, Myntra, Alibaba and many more. The local businessman has been hit hard by the inability to cope with the prices and competition of large corporations. To solve this problem, we are trying to design a system where many local people can come together and keep up with their speed.

???????C. Aim and Objective

In today's world where everyone has smartphones, laptops ,electronic gadgets and most importantly access to online services  Electronic Commerce plays a vital role in organizational development .In order to keep up with the growing competition offered by big companies such as Amazon and Flipkart, local business sales are declining rapidly as individuals seek to save their time and money easily by using these online shopping forms. and delivery.

So in order to deal with that problem and provide support in local stores we are trying to design a program called Fashion HUB where everyone is bought together.

As more and more people and businesses are linked to the “Fashion HUB”, sales of local stores will also increase and as local stores will provide goods to customers when the process of delivering a product or service will be faster and more consistent. if customers want to return any product. As many stores will be in the area, so people will have a sense of what kind of products and quality are available at that particular store. Daily Competition between each other affects new heights and compatibility with everyone Electronic Commerce is very important. In the growing competition and online businesses, small business owners have been severely affected as sales of various products have gone from other business giants such as Flipkart, Amazon, Myntra, Alibaba and many more. The local businessman has been hit hard by the inability to cope with the prices and competition of large corporations. To solve this problem, we are trying to design a system where most local people can come together and keep up with their speed.

II. THEORETICAL DESCRIPTION

A. Theoretical Description

MERN Stack basically consist of React JS,Node JS, MongoDB, Express JS. So the MERN stack is a combination of the above mentioned It consists of four technologies, all of which are based on JS and are used to create complex online apps. It's an open-source full-stack web development framework that includes both front-end and back-end development components. Advantages of MERN stack are as follows: 

1. Web App Development Process That Is Quick
2. Useful 3rd-Party Plugins
3. Maintaining code while being simple and adaptable.
4. The architecture is adaptable.Express.js with Node.js Node JS is a JavaScript runtime environment that is open source. It basically lets you to run JavaScript code on the server side, outside of the browser. The Node Package Manager, which is widely used for publishing Node JS projects, is accessed by Node.js. Express is a prominent Node web framework that also serves as an underlying library for several other Node web frameworks. So, it allows you to do things like  1. write handlers for multiple requests with distinct HTTP verbs at separate URLs. 2.It generates replies by integrating with "view" rendering engines and injecting data into templates. 3.Configuring standard web application settings, such as the port to use for connecting and the location of templates to produce the answer.

B. Resources Required

Selecting appropriate and supportive hardware and software is a vital aspect of every project. When choosing hardware, it's also important to consider the size requirements.

Hardware Requirements (System Requirements) - A processor with at least four cores is required.

Software Requirements - Web Browsers A machine with 4 GB of RAM and 10 GB of accessible disc space (Chrome, Mozilla, Firefox, edge etc.)

Code written in Microsoft Visual Studio.

III. ALGORITHM

The complete project has been divided into three major parts i.e. Frontend, Backend, Database in which we are going to store all the information and data Doctor and patient side. Patient side: Data is acquired via sources like there will be data of customers, sellers, buyers, different ranges of products, categories in which those products are going to be there, shipping address, payments  methods, orders shipped ,in process, pending or rejected, payment not done etc. The Frontend part of the Project is connected to the backend of the system and both of this are connected to the database which we have created with the help of Mongo DB in our web development Application. React is used for developing the frontend part of the project where we are using it because of its various important features like 1) Reusable feature of its components 2) Easy binding with Bootstrap 3) Different inbuilt libraries of React 4) Virtual DOM. In the backend part we are using Node which is most widely used library for creating backend and for the purpose of creating server we are using Express. As the name suggests it is made to increase the speed of the server with which the actions will be taken, different commands will be enabled, speed of fetching the data from the database. It is almost 20 times faster than the server created with Node only and is about 10 times less complex compared to Node. Mongodb is used for storing various types of information as mentioned earlier. It is used because it is noSql database unlike Mysql which is used to store only similar type of data. In this we are storing the data in form of json. Here we are storing data in JSON format because it take very less space ,  the data stored is in proper format and it can be rendered very fast as compared to plain HTML.l doctors for my problem, Request Doctor, Remove Request ,See My Doctor Stats. This complete process is carried out via a graphical user interface which is installed    in the lobby of hospital or clinic.

IV. SYSTEM DESIGN

A. Block Wise Design

In Fig. 3.1 block diagram consists of three parts, that are GUI, data acquisition and Data Processing.

 ???????B. GUI Of System

We are running our application on localhost:3000.Whenever npm run dev command is entered in the terminal of the command prompt both frontend and backend runs at the same time and a new window opens in the browser .There the user will be displayed with different products which are present in the database of the system. A product carousel is also window is also there which will be displaying the most bought and popular products of the “FASHION HUB” application.

.???????C. Data Acquisition

As the user has various options like buy ,add to cart, view product to select from .So the user clicks on any one of the options present on the screen .As soon as the users clicks on the option that request will be sent with the help of api to the Data Processing As the user has various options like buy ,add to cart, view product to select from .So the user clicks on any one of the options present on the screen .As soon as the users clicks on the option that request will be sent with the help of api to the backend and if there is some data sending or receiving needed then that request will be sent to the database and then request will give a response in result.

V. IMPLEMENTATION AND TESTING

There are two ways of logging in the website

1. If new user is there then register else login directly to the system
2. Login in to system using Admin credentials

Fig 4.1 is the snapshot of live monitoring system in thingsboard. It shows the graph of temperature, SpO2 level and pulse rate of patient. It shows that graph is vary according to live readings

VI. RESULT

In Fig 5.1 it is start window of our platform. It starts the a GUI which can be handle display of products.

VII. FUTURE SCOPE

Fashion HUB is an online shopping website which can provide a large variety of options and connect to local shopkeepers but currently it does not have optimized product searching algorithm. So that can be implemented in the web application. Widening the scope of the website and connect a greater number of sellers and buyers to it.

The government of India is also making a massive push for Ecommerce by using supplying several sops to startups, cyber parks, and so on through its digital India application. So this will help in the growth of the web application.

In India various languages are there to communicate amongst each other. But currently our application is available in only one language ie English .So making the website available in many languages so that various people across the country can connect to it is the most important application.

With multiple charge options, it gives more comfort and protection because the gateways   are comfy and encrypted elderly humans, in a different way abled human beings, individuals who are restrained to their homes due to contamination or injury, moms with little kids – for such people, online purchasing is specifically useful, as they can save without difficulty and without worry of falling, kids jogging amok, getting driven and shoved, and so on.ms to be ever-increasing and growing, due to the fact the fashion has really caught on right here. E-trade massive Amazon is keen to conquer the Indian marketplace and has already invested a high-quality deal, with its 49% stake in the future institution.

Indian on-line retail giant Flipkart has already opened some offline shops and plans greater shops in smaller towns. They plan to combine online and offline shops to maximize their promoting capacity.

Conclusion

Fashion Hub an E-commerce platform available for each kind of person for their various needs. Local Shops and small businesses will flourish with the help of this platform. Easy shipping and returns can be done with the help of this web application. Large Variety of options to choose from at affordable price. We will be trying to go beyond our scope from clothing accessories to various other products. In this project so far, the implementation of the basic functionalities has been done. The user is now able to view different products on visiting the site. The user can add the products shown on the front page to the cart. The cart has the functionality to store multiple amounts of multiple products. The final amount payable is shown at the bottom of the cart page. Also, products can be removed either in quantity or entirely based on user needs. The cart page gives the user option to empty the entire cart or proceed to checkout with final payable amount shown. The main things that we learnt till this point are creating different front-end elements, styling the elements and mainly how to route or traverse between two pages.

References

[1] B. Suvarnamukhi and M. Seshashayee, \"Ecommerce Planning\", International Journal of Computer Sciences and Engineering, vol. 6, no. 10, pp. 712-714, 2018. [2] W. H. DeLone and E. R. McLean, \"Information systems success: The quest for the dependent variable\", Information Systems Research, vol. 3, no. 1, pp. 60-95, 1992. [3] S. Barnes and R. Vidgen, \"An Integrative Approach to the Assessment of E-Commerce Quality\", Journal of Electronic Commerce Research, vol. 3, no. 3, pp. 114-127, 2002. [4] Z. Ruvalcaba and A. Boehm, \"Introduction To The Web Development\" in murach\'s HTML5 and CSS 3 1sted., Fresno, CA:Mike Murach [5] CS-Cart. (n.d.). CS-Cart, August 2015, [online] Available: http://www.cs-cart.com/how-to-develop-an-ecommerce-website.html.. [6] G.G. Lee, H.F. Lin, \"Customer perceptions of e-service quality in online shopping\", International Journal of Retail and Distribution Management, 2005, 33(2), 161-176. [7] Dhruba Borthakur. The Hadoop Distributed File System: Architecture and Design [EB/OL]. (2008-09-02) [2010-08-25]. http://hadoop.apache.org/common/docs/r0.16.0/hdfs_design.html [8] M.Tim Jones.(2010).”Anatomy of Cloud Storage Infrastructure “.IBM Available:https://www.ibm.com/developerworks/cloud/library/cl-cloudstorage

Copyright

Copyright © 2022 Yash Agrawal, Atharva Phad, Piyush Pawara. This is an open access article distributed under the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.