Skip to content

A modern, responsive anime information hub built with Next.js, TypeScript, and Tailwind CSS. Discover, track, and bookmark your favorite anime effortlessly.

Notifications You must be signed in to change notification settings

rfkyalf/anyme-v2

Repository files navigation

AnyMe - Your Ultimate Anime Hub 🌸

anyme

🌟 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:

    https://github.com/rfkyalf/anyme-v2.git
  2. Navigate to the project directory:

    cd anyme-v2
  3. Install the dependencies:

    npm install

🚀 Usage

  1. Start the development server:

    npm run dev
  2. Access the application in your browser at http://localhost:3000.

About

A modern, responsive anime information hub built with Next.js, TypeScript, and Tailwind CSS. Discover, track, and bookmark your favorite anime effortlessly.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published