sakshamGupta09 / infinite-scrolling

A vanilla-js project to demonstrate infinite scrolling using intersection observer and unsplash API for fetching images..

Home Page:https://sakshamgupta-infinite-scrolling.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Infinite scrolling using Intersection Observer API

Demo

Project description

This is a vanilla JS project which uses Unsplash API to fetch the most popular images and render the results onto the UI. It supports infinite scrolling using Intersection Observer API. The layout is completely responsive and supports dark theme as well.

Key Features

  • Infinite scrolling using Intersection Observer API.
  • Supports dark and light theme.
  • Automatically displays the page in user's preferred colour scheme (The OS settings).
  • Unsplash API is used for fetching records which supports pagination.
  • Completely responsive and elegant UI.
  • Uses fetch API for network calls.

Screenshots

1). Dark Mode

Screenshot 2022-12-20 at 7 35 05 AM

2). Light Mode

Screenshot 2022-12-20 at 7 35 11 AM

3). Mobile screen

Screenshot 2022-12-20 at 9 18 38 AM

About

A vanilla-js project to demonstrate infinite scrolling using intersection observer and unsplash API for fetching images..

https://sakshamgupta-infinite-scrolling.vercel.app/


Languages

Language:CSS 41.9%Language:JavaScript 37.4%Language:HTML 20.7%