Tutorial PWA Camera Capture

🚀 Increase the characteristics of your PWA with JavaScript. 📷 Activate your device's camera and capture photos easily.

🔖 Description

In this tutorial I show you how you can create a PWA and how you can capture photos from the camera and store them into a Web Server.

🎁 Bonus: The image will be stored on a NodeJS server using the Koa and Multer libraries.

📹 Video Demo

The following video shows how yo can launch this project and test it.

⛅️ Develop in the Cloud

You can run this project in Gitpod, a one-click online IDE for GitHub:

📐 How to work with this project

You have to do the following steps to be able to work with this project.

1️⃣ Install NodeJS Dependencies

npm i

2️⃣ Run

node .

Open: localhost:8080

📂 Code scaffolding

/
├── assets 🌈               # Images Sources.
├── src 📦                  # Main App.
|   ├── css                 # Styles files.
|   ├── images              # Icons and others png files.
|   ├── js                  # JS files.
|   └── ...
└── ...

⛽️ Review and Update Dependences

For review and update all npm dependences of this project you need install in global npm package "npm-check-updates" npm module.

# Install and Run
$npm i -g npm-check-updates
$ncu

JoseJPR/tutorial-pwa-capture-camera