š» #90: Build a Full Stack Social Media App with Infinite Scroll ā¾
Build your own social media app with the irresistible infinite scroll feature
Hello, developer šš§āš»!
I hope everyone had a great week and I hope everyone has a great weekend coming.
In this weekendās project, weāre going to build a full-stack social media app. Complete with a database, authentication, and infinite scroll.
Also,
It was my birthday on Monday š I think if your birthday falls on a Monday, youāre allowed to celebrate for the rest of the week until the weekend. Seems fair, right?
Letās get started!
Want to support the newsletter? Buy me a coffee āļø
Tutorial of the week:
Length: <6 hours
Difficulty: Intermediate
This weekendās tutorial is by JavaScript Mastery Probably the most proficient tutorial creator on YouTube right now. I highly recommend subscribing to receive project tutorials at all levels.
What youāll learn this weekend:
React.js āļø
Infinite Scroll ā¾
React Query š
3 frontend projects of the week:
Use these projects to inspire future projects of your own.
1. Choco Chooser
I love this web app! Itās such a great example of a portfolio project. Itās creative, mobile responsive, and shows off some smooth animations Great work š«
Hot take: Iām not really much of a fan of chocolate. I do love peanut butter-flavored chocolate.
Check it out!
2. Internet Artifacts
Scroll through the history of the internet with this interactive museum. I must admit, I donāt really know much about the history of the internet. This project by Neal.fun has some really interesting history involved.
Did anyone play the Helicopter Game? I spent so many hours playing this game. Reminds me of Flappy Bird.
Check it out!
3. Pure CSS Jack-o-lantern
Happy (almost) Halloween! š Enjoy this codepen of a purely CSS-animated jack-o-lantern!
Thatās all folks!
I hope you enjoyed this weekendās edition of Weekend Web Dev!
If you create anything please share it with me on Twitter or reply to this email!
Iād love to see what youāre building.
Your fellow weekend developer,
Here are some excellent beginner resources for learning JavaScript
Mozilla Developer Network - the leading resource on JS
FreeCodeCamp - free course
CodeAcademy - intro to javascript - free course
Odin Project - full stack javascript - free course
Eloquent Javascript - book (many people struggle with this book)
javascript.info - reference resource
Traversy Crash Course in Javascript - video series
Intermediate/advanced material
JavaScript Design Patterns - free book
Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
What the heck is the event loop anyway? - JSConf talk about the event loop
Understanding the Weird Parts - paid course covering more advanced topics
Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
Other handy sites




