Skip to content

NaderNasr/art

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

286 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Preview

ARt Website

Final.mov

AR demo

ARt.-.AR.Demo.mp4

E-mail Confirmation

ARt purchase e-mail confirmation

Getting Started

1 - git clone git@github.com:NaderNasr/art.git

2 - npm install

3 - create a .env file in your root directory

Below is an example API key from commerceJS

REACT_APP_CHEC_PUBLIC_KEY=pk_184625ed86f36703d7d233bcf6d519a4f9398f20048ec

4 - npm start

Upon running npm start the site will automagically run on desktop. You can also run this on your smart phone by following the guide below:

  • Go to Network/WiFi preferences:

Find your machines local IP address:

example:

192.168.0.1

Make sure you're connected to the same wifi thats connected on your machine. Add the IP address to your phone's web browser following the port number.

:3000

example result 192.168.0.1:3000

You may follow this tutorial to create a merchant of your own:

CommerceJS React JS tutorial

While you connect to the site you will get a security error:

  Warning: Potential Security Risk Ahead

Don't panic this is because HTTP is set to true HTTPS=true in our package.json file.

"scripts": {
  "start": "HTTPS=true react-scripts start"
}

https is required to allow the site to connect to the user's phone camera.

Stack

  • React JS
  • Node JS
  • Stripe
  • ThreeJS
  • React Dom
  • React Three Fiber
  • Commerce.js
  • Material UI

If you have any questions or would like to contribute to this repo please feel free to contact us below:

Contributors Github LinkedIn
Armin Glavovic Github LinkedIn
Gerard Compion Github LinkedIn
Nader Nasr Github LinkedIn

About

An E-commerce application that utilizes augmented reality for art, and wall decorations.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors