https://github.com/markstanden/infinite-scroll

https://github.com/markstanden/infinite-scroll

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/markstanden/infinite-scroll
• Owner: markstanden
• Created: 2024-01-09T08:33:02.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-01T08:08:43.000Z (over 2 years ago)
• Last Synced: 2024-02-01T09:26:55.007Z (over 2 years ago)
• Language: TypeScript
• Size: 656 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![Netlify Status](https://api.netlify.com/api/v1/badges/25c1d64e-bd93-473c-b70a-c658459fa630/deploy-status)](https://app.netlify.com/sites/anchorman-scroller/deploys)

[![CI/CD](https://github.com/markstanden/infinite-scroll/actions/workflows/run-tests.yml/badge.svg)](https://github.com/markstanden/infinite-scroll/actions/workflows/run-tests.yml)

# Infinite Scroll

Deployed on netlify [here](https://anchorman-scroller.netlify.app/)

- A (simple) mini-project to develop a clean infinite scroller in React.

- I wanted to practice functional programming practices in a real world situation.

- More practice with promises and async/await.

## Primary Objectives

- [x] Create clean paginated API requests

- [x] Implement Infinite scroll

## Secondary Objectives

- Basic security

  - [x] Use of dotenv and vite to shield API Key for low value API key

- Functional Programming in JS

  - [x] single responsibility functions

  - [x] use of pure functions and composition where possible

- CSS grid collage of videos

  - CSS grid and its uses interests me.

## Other

- React

  - More functional components

  - Custom hooks

  - useState/useEffect

- Asynchronous JavaScript