Coder Social home page Coder Social logo

cjchirag7 / shopping-assistant Goto Github PK

View Code? Open in Web Editor NEW
5.0 3.0 6.0 9.56 MB

Shopping Assistant is a chatbot, which can assist consumers in deciding the right product, just like a virtual salesperson. This will bridge the gap between online and offline shopping.

Python 58.57% HTML 1.15% CSS 2.00% JavaScript 33.49% Jupyter Notebook 4.79%
online-shopping chatbot virtual-salesperson

shopping-assistant's Introduction

Shopping Assistant

Index

About

Shopping Assistant is a chatbot, which can assist consumers in deciding the right product and bridge the gap between online and offline shopping.

Features

  • Suggests products to the consumer depending upon his needs, just like a salesperson.
  • Helps the consumer to virtually experience fashion products. E.g. If a consumer needs to try a T-shirt or a spectacle our shopping assistant gives him real time experience of how that product would look on him/her.
  • Provides a summary of all the reviews about a product, which prevents users from doing the tedious job of going through hundreds of reviews of that product.

Instructions for running locally

Initial steps

  1. Clone the repository by using the below command:
git clone https://github.com/cjchirag7/shopping-assistant
  1. Download the 4 model files from here and copy them all to the directory shopping-assistant/services/api/. Please note that if you download the model_files folder in .zip format, then you need to extract all the files out of it and then copy them to the above directory.

Pre-requisites

  1. Install Docker by looking up the docs
  2. Install Docker Compose by looking up the docs
Note: If you are using Windows, make sure Docker Desktop is running.

Steps

  1. Make sure you are in the root of the project (i.e., ./shopping-assistant/ folder).
  2. Run docker-compose up to spin up the containers. If you are using Linux or Mac, you may need to use sudo for this command to work.
  3. web-app would then be available locally at http://localhost:3000 , server at http://localhost:8000 and the API documentation would be available at http://localhost:8000/redoc

Method II (Without docker)

Running the Server

  1. If you don't already have pipenv installed, install it using the following commands:
pip install --upgrade setuptools wheel
pip install --user pipenv
  1. Activate the virtual environment in the api folder by using the following command:
cd services/api
pipenv shell
  1. In the activated virtual environment, run the following command to install all the dependencies:
pipenv install
  1. In the activated virtual environment, run the following command to run the API:
uvicorn main:app
  1. The server would run at http://127.0.0.1:8000/ and the API documentation would be available at http://127.0.0.1:8000/docs

Running the Web App

  1. Make sure you have node installed with version >= 14. Check using following command:
node -v
  1. In the web-app folder, install all the dependencies using the following command:
cd services/web-app
npm install
  1. In the web-app folder, run the React App using:
npm start
  1. The web app would start running at http://localhost:3000

Demo video

Screenshots

Home Page Asking for printed shirts Asking for printed shirts in other words Asking for virtual trial Virtual trial step 1 Virtual trial step 2 Selecting a dress Virtual trial step 3 Another example of virtual trial Asking for a mobile phone with specific properties Virtual trial of sunglasses Summary of reviews

Tech Stack

Server

Web App

Others

File structure

  • Presentation has been attached as presentation.pdf
  • Screenshots have been attached in screenshots/
  • Training files have been attached as training-files/
  • Server code has been attached in services/api/
  • Frontend code has been attached in services/web-app/

shopping-assistant's People

Contributors

cjchirag7 avatar shashwat07gupta avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.