Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cybermaxi7/anime-showcase
https://github.com/cybermaxi7/anime-showcase
Last synced: 13 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/cybermaxi7/anime-showcase
- Owner: Cybermaxi7
- Created: 2024-03-22T09:56:44.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-24T17:35:49.000Z (9 months ago)
- Last Synced: 2024-03-25T18:20:33.106Z (9 months ago)
- Language: TypeScript
- Homepage: https://anime-showcase-nine.vercel.app
- Size: 1.55 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Anime Lovers, Gather Here!!!
## Anime Showcase with Search and Individual Anime Details
This Next.js application showcases a collection of anime with search functionality and detailed pages for each anime. It leverages server actions for data fetching and Framer Motion for smooth animations and Endless Scrolling functionality.
**Features:**
- **Search Functionality:** Users can search for anime by title using a search bar.
- **Individual Anime Details:** Clicking on an anime displays a dedicated page with details and potentially videos associated with the anime.
- **Server Actions:** Data fetching utilizes Next.js server actions to ensure efficient data management and potential data transformation on the server-side.
- **Framer Motion Animations:** Animations are implemented using Framer Motion for an engaging user experience.
- **Endless Scrolling** Animes are been shown endlessly on scroll**Installation:**
1. Clone this repository.
2. Install dependencies:```bash
npm install
```**Running the Application:**
1. Start the development server:
```bash
npm run dev
```This will start the application at http://localhost:3000 by default.
**Technology Stack:**
- Next.js (React framework)
- Framer Motion (Animation library)
- TailwindCSS
- React-Player**Server Actions (Optional):**
This application utilizes server actions, but the specific implementation might be in separate files. You may need to refer to the code itself for details on how server actions are defined and used.
**Additional Notes:**
- Feel free to customize the application further by adding more features, styling the UI, and integrating with additional data sources for anime information and videos.
**Live Site.**
- https://anime-showcase-nine.vercel.app/**Credits:**
Inspired by a tutorial by JavaScript Mastery.
Disclaimer:
This README provides a general overview of the application's functionalities. The core functionalities of server actions and Framer Motion might have been derived from the tutorial, while the search functionality, individual anime details pages, and other features listed above were implemented by me.