mARket

A website app that aims to help customers appraise products with an AR option during COVID-19 or future situations that require social distancing.

Comment

Inspiration

  • The COVID-19 situation has made it difficult for local businesses to operate normally and many local businesses have lost a lot of customer traffic. This project's goal is to serve as a proof of concept to help local businesses promote their products with the help of AR, without being confined to their personal website, and protect customers if social distancing is needed.

What it does

  • Ideally, aims to emulate the UI/UX of the product display pages from Amazon/Google but offers an AR option to view the product by either through a link to view on the browser or a QR code so customers can view through their phone and do any virtual appraisals of the product with their surroundings.
  • Additionally, it would ideally connect either to a PostGreSql DB or a CockroachDB to help keep track of customers' shopping carts, keeping records of orders, and maintain data integrity.

How I built it

  • For frontend, ran command: npx create-react-app client : Frontend required libraries/dependencies to install (run npm install first): react-router-dom
  • For backend, made a server directory and ran command: npm init : Backend required libraries/dependencies to install: express, cors, async, and pg
  • For echoAR DB, simply created an account and loaded some 3D assets into it.

Challenges I ran into

  • Current version of react had issues of the react script providing errors when trying to start up the program, thus I decided to halt on the progress of the project for now after running into that issue again. Aiming to work on later.
  • Parsing through the results of echoAR API.

Accomplishments that I'm proud of

  • The progress I managed to make while working on this project alone.
  • Learning more about AR/VR with the help of echoAR.
  • Strengthened my backend skills.

What I learned

  • echoAR DB setup and API queries
  • React backend and routing

What's next for mARket

  • More development on the backend
  • Full integration with echoAR API
  • Development towards setting up a PostGreSql DB or CockroachDB
  • Setting up communication between the backend and the DB

Notice

  • Currently, my project is still in development and even though I wish to demo it, there are still some environment setup issues I have to deal with and have other urgent responsibilities I have to attend to.
  • Thus, for the demo, it will only be a loading screen video. If there are any issues with the requirements, please let me know.

Sources used for help

Built With

Share this project:

Updates