Snap #58
Description
$ git clone [email protected]:TowhidKashem/snapchat-clone.git
$ cd snapchat-clone
$ npm install
This will:
Install the dependencies in package.json
Checkout jeelizFaceFilter package (used for the filters) and set it to the last version this project was tested and confirmed to work with
Run gulp to concatenate, minify and transpile the files located in public/filters/source/*.js into a single file called filters.min.js
This part is optional but strongly recommended, without it you won't be able to view any of the snap map features:
Make a Mapbox account and get a free API key
In the .env file enter your new API key, for example:
Before: REACT_APP_MAP_BOX_API_KEY=REPLACE_WITH_API_KEY
After: REACT_APP_MAP_BOX_API_KEY=xy.abc123
$ npm start
The app should open automatically in your browser usually at https://localhost:3000/
In Chrome you will receive a "Your connection is not private" warning
Click "Advanced" > "Proceed to localhost (unsafe)"
You'll get this warning because the app uses a self signed https certificate. The getUserMedia API used by the camera requires the https protocol so we run the dev server in https mode.
After this you will be prompted to give access to your webcam, click "Allow"