Skip to content

anuragverma4895/Infinite-Scroll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

🚀 CS Daily - Infinite Scroll Tech Feed

An Instagram-like infinite scroll feed for tech content.
Built with vanilla HTML, CSS, JavaScript — it fetches live articles from Dev.to & GitHub Trending Repositories, with mock data fallback for a smooth experience.


✨ Features

  • 🔄 Infinite scroll (auto-load more posts as you scroll)
  • 🔍 Live search (filter posts by title, description, or tags)
  • ❤️ Like button with animation & real-time like updates
  • 📂 Tech topics (AI, Web Dev, Cybersecurity, Cloud, Quantum, etc.)
  • 📱 Responsive design (mobile-friendly)
  • 🎨 Instagram-like UI with smooth animations

📸 Screenshots

Example:
screenshot


📺 Demo Video

I also created a YouTube video demonstrating this project:
👉 Watch the video here

🛠️ Tech Stack

  • HTML5
  • CSS3 (custom styling, animations, gradients)
  • JavaScript (ES6)

APIs used:


🚀 How to Run

  1. Clone this repo:
    git clone https://github.com/your-username/Infinite-Scroll.git
    cd Infinite-Scroll
  2. Open index.html in your browser.
  3. Scroll down to load posts infinitely 🔥

📖 Learnings

  • Implemented infinite scroll logic using JavaScript.
  • Worked with third-party APIs (Dev.to, GitHub).
  • Improved DOM manipulation & event handling skills.
  • Learned to design a responsive and modern UI.
  • Gained experience with mock data for fallback/demo.

About

Instagram-like Infinite Scroll feed for tech content (single-file HTML) — fetches Dev.to/GitHub and uses mock fallback.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages