https://github.com/megumikatou02/anime-list

Anime List: Find anime/manga, view characters, read manga and watch trailers easily
https://github.com/megumikatou02/anime-list

anime anime-api anime-search anime-website manga-reader mangadex mangadex-api

Last synced: 3 months ago
JSON representation

Anime List: Find anime/manga, view characters, read manga and watch trailers easily

• Host: GitHub
• URL: https://github.com/megumikatou02/anime-list
• Owner: MegumiKatou02
• Created: 2025-02-03T13:04:41.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-03-05T09:55:31.000Z (3 months ago)
• Last Synced: 2025-03-05T10:42:07.717Z (3 months ago)
• Topics: anime, anime-api, anime-search, anime-website, manga-reader, mangadex, mangadex-api
• Language: Vue
• Homepage: https://anime-list-view.vercel.app/
• Size: 3.32 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Anime List

A web app that allows users to search for anime, view detailed information, and explore characters and trailers. Built with Vue.js and powered by the Jikan API and Myanimelist API

# Features

- 🔍 Search Anime: Quickly find your favorite anime by title

- 📝 Detailed Info: See information such as type, status, episodes, and score

- 🌟 Characters: Explore the main characters of each anime

- 🎥 Trailers: Watch YouTube trailers (if available)

# Screenshots

![Anime Home](https://github.com/user-attachments/assets/8387c963-0ba7-4e1b-9a12-255c9da9405e)

![Anime Trailer](https://github.com/user-attachments/assets/0556922a-d31f-4c97-8853-b7166197a18f)

![Manga Chapters](https://github.com/user-attachments/assets/fd9537e1-5168-4102-9694-86383be2f725)

# Tech Stack

- Frontend: Vue.js 3, TypeScript

- Backend API: Jikan API, Myanimelist API

- Styling: CSS Grid & Flexbox

- Deployment: [Vercel](https://vercel.com/home)

# Getting Started

## Prerequisites

1. Node.js (v14+ recommended)

2. Vue CLI (if not already installed)

## Setup

1. Clone the repository:

   ```bash

   git clone https://github.com/MegumiKatou02/Anime-List.git

   cd Anime-List

   ```

2. Install dependencies:

   ```bash

   npm install

   ```

3. Start the development server:

   ```bash

   npm run dev

   ```

# Contributing

Contributions are welcome! Please follow these steps:

1. Fork the project

2. Create a new branch: `git checkout -b feature/your-feature`

3. Commit changes: `git commit -m 'Add some feature'`

4. Push to the branch: `git push origin feature/your-feature`

5. Open a pull request