Skip to content

shazm12/Ai-based-Ecommerce-web-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ai-based-Ecommerce-web-app

npm version Build Status Status License GitHub last commit

So I have built an AI-based Shopping system that uses a chatbot to perform all operations from adding, removing items to proceeding to checkout. This will be a web application with a backend server as well. This project is an attempt to provide the advantages of online shopping to customers of a real shop. It helps to buy the products in the shop anywhere through the internet by using the website. The customer will be provided the service of online shopping and home delivery by using this website application. This system can be implemented in any shop in the locality or to multinational branded shops having retail outlet chains.

The web app was made using React, Node, Express, MongoDB and Alan.ai which is platform to build chatbots and integrate with your web and native apps. I recommend you to go through the docs before getting started to work on my project.

Preview and Working of the Web App ⚒️

Preview of the Web App

screen-1.webm

Level 1 DFD Diagram to understand the architecture of the Project

level1dfd

Release History

We had some previous releases too that we did not initially commit to the repo.

  • 0.1.0
    • CHANGE: Update docs (module code remains unchanged)
  • 0.1.1
    • CHANGE: Made Alan Ai Listeners for different voice commands
    • ADD: Add getItems(), openCart(), CloseCart()
  • 0.1.2
    • FIX: Multiple Listeners when calling Alan AI listener module
  • 0.1.3
    • CHANGE:Made server.js
    • ADD: Mongo DB, Node config
  • 0.1.4
    • CHANGE:Made User.js,Model.js,Authcontroller.js,Ordercontroller.js
    • ADD: User Schema, Order Schema, Login(), Register(), MakeOrder()
  • 0.2.0
    • The first proper release
    • CHANGE: Add OrderDetails(),CancelOrder()
  • 0.2.1
    • Work in progress

Development setup

Developement setup is pretty simple, first you just need to install all dependencies which is already given in package.json file and then kust run the web app with the commands given below.

  • For Client -
cd client
npm install
npm start
  • For server -
cd server
npm install
npm start

Make sure in client/src/utils and then in axios.js make the baseURL as url of the Node's Localhost server.

I have made a dummy test account for to login - Username - test Password - 1234

For more in depth setup details go to Contribution Guidelines.

Some important point to go through (MUST READ)

  1. Most of the issues I will be posting will be related to the client or the frontend side at first.
  2. I will be deploying the final web app with all the commited changes in the end to see how much we have improved the web app from its initial version.

Maintainer

Contrubtion Guildines

  1. Join the discord server for queries and more info.
  2. To contrubute to the project by issuing some bug and even by fixing it or suggest some changes for improving the project but before that do not forget to read the guidelines here - Contribution Guidelines.