Skip to content

Latest commit

 

History

History
 
 

Infinite-Scrolling

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

💥 Infinite Scrolling 💥

Tech Stack Used 🎮

HTML5 CSS3 JavaScript Express.js NodeJS MySQL

Line

⚡ Description 📃

An infinite scrolling full-stack web application that dynamically loads data from the backend when the scrollbar reaches the bottom of the page. This ensures a seamless and continuous user experience.

Features:

  • Infinite Scrolling: Continuously loads new content as the user scrolls down, without the need for page refreshes.
  • Responsive Design: Optimized for all devices, providing a consistent user experience on desktops, tablets, and mobile phones.
  • Dynamic Data Loading: Efficiently fetches data from the backend, reducing initial load times and enhancing performance.

⚡ How to run it? 🕹️

  • Clone the project
      https://github.com/1simransaini/Infinite-Scrolling.git
    
  • Install Dependencies
  • Make a .env file, also make sure to add .env file in the root folder
  • Template of .env file
  DB_PORT=<Here write your database port number>
  host=localhost
  database=<Write your Database name>
  user=<Write username>
  password=<password of user>
  SERVER_PORT=<Write Server Port Number>
  • Run as:
      nodemon server/app.js
    

⚡ Screenshots 📸

Screenshot (14234)

Line

Developed By Simran Saini 👩

Happy Coding 👩

Show some  ❤️  by  🌟  this repository!