Anime Infinite Scroll Saga is a Next.js web application built with TypeScript, Tailwind CSS, and Framer Motion. It allows users to explore various anime series with an infinite scroll feature.
- Fetches and displays anime data
- Infinite scroll to continuously fetch and display more anime series
- Responsive grid layout to display anime series
- Server actions to handle API requests
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion (for animations)
- Clone the repository
git clone https://github.com/Mahmoud-D/anime-infinite-scroll-saga.git- Install dependencies
npm install- Start the development server
npm run dev- Open http://localhost:3000 in your browser
The Home function in page.tsx fetches anime data and renders it using the AnimeCard and LoadMore components. The infinite scroll feature is implemented using the LoadMore component.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.