Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ikram-maulana/infinite-scroll
⚛️Frontend Slicing to Implement Infinite Scroll using React, Vite, and TailwindCSS
https://github.com/ikram-maulana/infinite-scroll
horizontal infinite-scroll reactjs tailwindcss vite
Last synced: 4 days ago
JSON representation
⚛️Frontend Slicing to Implement Infinite Scroll using React, Vite, and TailwindCSS
- Host: GitHub
- URL: https://github.com/ikram-maulana/infinite-scroll
- Owner: Ikram-Maulana
- Created: 2023-09-29T02:33:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-29T10:18:39.000Z (about 1 year ago)
- Last Synced: 2023-09-29T15:13:18.255Z (about 1 year ago)
- Topics: horizontal, infinite-scroll, reactjs, tailwindcss, vite
- Language: TypeScript
- Homepage: https://infinite-scroll-ikram.vercel.app
- Size: 8.68 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Infite Scroll with React
This is a simple Frontend Slicing to Implement Infinite Scroll using React, Vite, and TailwindCSS.
Live example hosted on Vercel: [https://infinite-scroll-ikram.vercel.app/](https://infinite-scroll-ikram.vercel.app/)
![Infinite Scroll Web Demo](Website.gif)
## 🖥️ Running Locally
1. Clone this repository
```bash
git clone https://github.com/Ikram-Maulana/infinite-scroll.git
```2. Install dependencies
```bash
cd infinite-scroll
pnpm install
```3. Start the development server
```bash
pnpm dev
```4. Open [http://localhost:5173](http://localhost:5173) with your browser to see the result
## 🚀 Deploy on Vercel
1. Fork this repository
2. Create new project on [Vercel](https://vercel.com/)
3. Connect your repository to Vercel
4. Deploy your project