↓Skip to main content
Resources for the Modern Web Resources for the Modern Web
  1. All Posts/

voice-controlled-ecom-app

eCommerce TypeScript

SUPERNOVA

Angular-Firebase-CMS-VoiceControlled

Online Shop for visually impaired person

A Voice Controlled E-Commerce Web Application
Demo site: https://supernova.mriduava.now.sh
N.B. Use google Chrome on Computer. Not Mobile Friedly.

@idea : DEEPTHY NAIR
@code : MARUF AHMED
@email: maruf.ahmed@live.se
@since: JUNE 2019

THE GOAL

As technology is developing day by day, there should have an equality among all sorts of people of getting benefits from this technology. The idea behind developing this site was to provide an online experience to visually impaired person, as well as abled person. It would be nice if a visually impaired person could buy his/her necessary products from online without any help of others. From that perspective of view, this is a very little attempt to build an e-commerce site, from where anyone can buy products by following the narrated instructions. For example, to listen about “Available Products”, it is needed to say “Read” after pressing the “Ctrl” button from the keyboard, and then it will start to narrate products’ names and prices. To listen about a specific item, it needs to say the product’s “title” after the “Ctrl” button is pressed.

The idea was proposed by Deepthy Nair, and she also proposed to add Face Recognition to authenticate the user. Applying facerecognition with JavaScript is a little bit challenging, but it can be possible. It can also be excellent to authenticate the user by Fingerprint Authentication, which was first proposed by Jaya Verma. Moreove it would be great to make the site userfriendly for those people who are Color Vision Impaired.
Look the demo, and if you like give a star on GitHub

Demo site: https://supernova.mriduava.now.sh

FUNCTIONALITIES

  • The eCommerce site is fully Voice-Controlled.
  • User can add products to the cartlist by voice command.
  • User can remove an item from the cartlist by voice command.
  • User can register and login.

WHAT IS BEHIND THE SCENE

  • The project was generated with Angular CLI version 7.3.9.
  • Firebase was used to Login and Registration functionalities.
  • CMS is used to display the products. All products data were uploaded to a CMS site.
  • To convert Text-to-Speech & Speech-to-Text, SpeechSynthesis & SpeechRecognition API were used.

HOW TO RUN LOCALLY

  • Clone files from GitHub.
  • Install all dependencies.

npm install

  • Run from command prompt

ng serve

  • Navigate to (Google Chrome) http://localhost:4200/.

HOW TO DEVELOP

To develop the project, please clone from the ‘develop’ branch and inform me by email ( maruf.ahmed@live.se).
This project runs on Windows, we didn’t try in other OS.
© 2019 MARUF AHMED
Licensed under the MIT License.



↑