∞ INFINITE SCROLL 📜 : MERN Misc. | ReactJS, TailwindCSS v3, DaisyUI | NodeJs, Express, MongoDB
Welcome back to the MERN Miscellaneous tutorial series. This series covers various crucial topics in MERN stack in a detailed fashion, one episode at a time.
In this second video, we will learn how to develop Infinite scrolling with MERN Stack at both backend and frontend levels. We will write a Read (GET) API to fetch the posts (dummy data) from the DB. Along with that, we will learn how to integrate and use this API from our frontend as the user scrolls through the beautiful posts created with TailwindCSS v3 and DaisyUI.
🔴 GitHub: https://github.com/banishnarang/yt-me...
🔴 How to set up a MERN Stack Project from Scratch: • How to set up a MERN (MongoDB, Expres...
Timestamps:
00:00 - Intro + Finished Build
00:36 - GitHub Repository
00:55 - Starter Project
02:09 - Building the Pre-requisites: Timelapse
02:40 - Demo Fake Data Creation
04:36 - Infinite-scrolling READ API
08:18 - Cleaning up the Frontend Files
08:50 - Installing TailwindCSS & DaisyUI
12:12 - Building the Main UI (Page + Post)
21:10 - Integrating the READ API
29:05 - Adding Infinite-Scrolling Logic
32:16 - Demo Infinite Scrolling
33:14 - Building-Adding the End Alert
38:25 - Outro
Socials:
Instagram: / yousuckatco. .
LinkedIn: / banishnarang
⭐️ Tags ⭐️
MERN Stack
Infinite Scroll
MongoDB
Express
ReactJS
NodeJS
TailwindCSS
DaisyUI
⭐️ Hashtags ⭐️
#MERN #MERNStack #InfiniteScroll #MongoDB #Express #ReactJS #NodeJS #TailwindCSS #TailwindCSS3 #DaisyUI