Snap

[sekiko09]

$ 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"