Video: https://youtu.be/Ocxeqwf6PKw
Backend Code : https://github.com/yajatvishwak/phoenix-backend-elc-2023
This repo holds the Frontend code for the Phoenix accessibilty platform build for the ELC Hackathon 2023.
I've used a SvelteJS as the framework to run a mock e commerece website with Phoenix integrated. It talks to the backend using REST endpoints.
This prototype application showcases an innovative approach to improving the accessibility of online e-commerce platforms, particularly in the beauty industry, through the integration of cutting-edge technologies such as voice control and computer vision. By leveraging these advanced tools, users can enjoy a more seamless and intuitive shopping experience that caters to a wide range of needs and preferences.
While some common features such as sign up, sign in, and multi-user support have not been included in this prototype, this intentional omission underscores the project's primary focus on exploring novel ways to leverage AI to enhance accessibility. By prioritizing the development of a sophisticated AI bot experience, this prototype represents a significant step forward in advancing the state of the art in e-commerce accessibility and creating more inclusive online environments for all users.
npm install
npm run dev
and
Visit the "/#/products" page to start the demo.
/#/preference - AI bot suggests products based on skintone
/#/cart - View items in cart
/#/products - Shows the products
/#/preview - Shows the tryon of the products on user face
/#/shared - Shared report that is sent via Whatsapp
/#/thankyou - Order successful page
Prototype Frontend building specs requirements:
- Minimum of 16GB RAM
- Ubuntu 20.04 - (could use other platforms, but haven't tested it out)
- node v18.12.0
- Minimum 10 GB of available storage