Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Learn how to build a TinyPNG Clone with Javscript. TinyPNG and TinyJPG are great dev tools for compressing images. In this Javascript project tutorial, we'll use a Serverless Function for image compression. Our clone will actually improve the compression rate!

Subscribe https://bit.ly/3nGHmNn

JavaScript for Beginners: Full Course (8 hours): https://youtu.be/EfAl9bwzVZk

How to Build a TinyPNG TinyJPG Clone with Javascript

Starter Source Code: https://github.com/gitdagray/drag_drop_file_input

Completed Source Code: https://github.com/gitdagray/tinypng_clone

(0:00) Intro
(0:29) Set Up, HTML, and CSS overview
(6:06) Vanilla Javascript
(36:04) Serverless Function for Image Compression
(49:34) Quick Corrections and Testing the App

Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about how to build a TinyPNG clone with JavaScript helpful? If so, please share. Let me know your thoughts in the comments.

#tinypng #tinyjpg #clone