Skip to content

πŸš€ Increase the characteristics of your PWA with JavaScript. πŸ“· Activate your device's camera and capture photos easily.

License

Notifications You must be signed in to change notification settings

tacman/tutorial-pwa-capture-camera

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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.

Video

⛅️ Develop in the Cloud

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

Open in Gitpod

πŸ“ 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

License

MIT

Happy Code

Created with JavaScript, lot of ❀️ and a few 🍺

This README.md file has been written keeping in mind:

About

πŸš€ Increase the characteristics of your PWA with JavaScript. πŸ“· Activate your device's camera and capture photos easily.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 55.8%
  • HTML 24.0%
  • CSS 20.2%