JavaScript Web Projects

Responsive and Mobile Friendly projects built with JavaScript, HTML5, CSS3

Infinite Scroll

As the user scroll to the bottom of the page another network request is made and data is loaded to give the feeling of infinite scroll.

  • Images are fetched from Unsplash API.
  • Use window.innerHeight, scrollY, document.body.offsetHeight to implement infinite scroll functionality.

Quote Generator

A random Quote Generator that uses "type.fit/api/quotes" API to get the quotes.

Learned while creating this project:

  • How to make an Asynchronous fetch request to a API.
  • Using a Proxy API to resolve CORS error.
  • Manipulating DOM with JavaScript.