webdev-projects

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