Learn Web Dev through projects

Learning basics of web development from various sources on the internet - Mostly YouTube.

Demo Links and Sources:

1. Video Snapper using WEBRTC

   • Tutorial YouTube Link

2. Image Gallery using Vanilla JS

   • Tutorial YouTube Link

3. Crave Launcher - A Simple Chrome Extention

   • Tutorial YouTube Link

4. Movie Search with OMDB

   • Tutorial YouTube Link

5. Star Ratings JS app with Font Awesome 5

   • Tutorial YouTube Link

6. Finddit - Reddit search API

   • Tutorial YouTube Link

7. Google Maps API

   • Tutorial YouTube Link

8. Custom Vanilla JS Elements

   • Custom Modal
   • Drag n Drop

9. Image Filter App

   • Tutorial YouTube Link

10. Typer Racer - Type as fast as you can!

11. Newsletter signup App with Mailchimp API

    • Tutorial YouTube Link
    • It uses express server, Node.js and node-fetch to make fetch requests.
    • Whenever user submits the form, the params are send to Mailchimp API and added to list and if success > success page shows up, or else fail page shows up.
    • After cloning run npm i and then npm run start

12. Custom PDF Viewer

    • Tutorial YouTube Link

13. WinBox.js Tutorial

    • Tutorial YouTube Link