Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rfkyalf/anyme-v2
A modern, responsive anime information hub built with Next.js, TypeScript, and Tailwind CSS. Discover, track, and bookmark your favorite anime effortlessly.
https://github.com/rfkyalf/anyme-v2
anime jikan-api nextjs tailwindcss typescript
Last synced: 17 days ago
JSON representation
A modern, responsive anime information hub built with Next.js, TypeScript, and Tailwind CSS. Discover, track, and bookmark your favorite anime effortlessly.
- Host: GitHub
- URL: https://github.com/rfkyalf/anyme-v2
- Owner: rfkyalf
- Created: 2024-10-22T09:49:51.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-27T16:04:30.000Z (27 days ago)
- Last Synced: 2024-11-27T16:25:28.052Z (27 days ago)
- Topics: anime, jikan-api, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://any-me.vercel.app
- Size: 37.8 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AnyMe - Your Ultimate Anime Hub 🌸
## 🌟 Introduction
**AnyMe** is your go-to anime hub, where you can explore, discover, and track your favorite shows effortlessly. Find the best recommendations and explore new anime by genre, popularity, or trends.
## 🧰 Tech Stack
- **Next.js**: A React framework for building server-side rendered applications.
- **TypeScript**: JavaScript with static typing for better developer experience and code quality.
- **Tailwind CSS**: A utility-first CSS framework for creating responsive and modern designs.
- **ShadCN**: A set of accessible, high-quality UI components built with React and Tailwind CSS for fast, modern design.
- **React Query**: A library for fetching, caching, and syncing server data in React applications.
- **Axios**: A promise-based HTTP client for making requests to external APIs.
## ✨ Key Features
- **🖥️ Modern Stack**: Built with Next.js, TypeScript, and Tailwind CSS for a responsive and elegant design.
- **📚 Comprehensive Anime Information**: Access detailed information on anime titles, including synopses, genres, total episodes, and more.
- **🏠 Home**: Discover the latest and most popular anime collections.
- **🌟 Top Anime**: Find the top-rated anime titles.
- **🍂 Seasonal Anime**: Browse anime based on the current season.
- **📺 Top Airing**: Watch currently airing anime.
- **📅 Top Upcoming**: Explore highly anticipated, upcoming anime titles.
- **🎬 Top Movies**: Access complete information on top anime movies.
- **🔥 Most Popular**: Explore the most popular anime, ranked by fans.
- **💖 Most Favorited**: Discover the anime that fans have marked as their favorites.
- **🎭 Anime by Genre**: Select anime based on your preferred genre.
- **🔍 Search**: Quickly find any anime title with the search feature.
- **🔖 Bookmark**: Save your favorite anime for easy access.
- **📱 Responsive Design**: Enjoy a seamless experience on various devices and screen sizes.
## ⚙️ Prerequisites
- **Node.js**
- **npm** or **yarn** or **pnpm** or **bun** for package management
## 🛠️ Installation
Follow the steps below to set up the project locally.
1. Clone this repository:
```bash
https://github.com/rfkyalf/anyme-v2.git
```
2. Navigate to the project directory:
```bash
cd anyme-v2
```
3. Install the dependencies:
```bash
npm install
```
## 🚀 Usage
1. Start the development server:
```bash
npm run dev
```
2. Access the application in your browser at http://localhost:3000.