Infinite Scroll Demo

A simple React JS + Appwrite project to demonstrate infinite scroll paging.

Demo

demo.mp4

Run locally

1. Install Appwrite by following the installation guide.

2. Open the Appwrite console and create a new project.

3. Navigate to Database and add a new Collection called Photos.

4. Add the following rules and permissions:

Rules:

Label	Key	Type	Required	Array	Default Value
Username	username	Text	true	false
Avatar	avatar	URL	true	false
Location	location	Text	false	false
Image	imageUrl	URL	true	false

Permissions:

Read Access: *

Write Access: *

3. Clone this repo

  git clone https://github.com/SakshiUppoor/infinite-scroll-demo.git
  cd infinite-scroll-demo

4. Install dependencies

  npm install

5. From the Appwrite console, note down the API Endpoint, Project ID and Collection ID of the Photos Collection and enter these in src/config.js.

6. The project is ready to run! 🚀

  npm start

Acknowledgements

• Appwrite - End-to-end Backend Server
• Faker.js - Mock user data for demo
• Lorem Picsum - Mock photos for demo