Skip to content

Latest commit

 

History

History
78 lines (56 loc) · 2.49 KB

README.md

File metadata and controls

78 lines (56 loc) · 2.49 KB

Anime Finder

Live Demo: https://anime-finder-tan.vercel.app

Anime Finder is a simple web application that allows users to search for anime using the AniList GraphQL API. It displays information such as the anime's title, description, episode count, genres, and cover image.

Features

  • Anime Search: Users can search for anime by name.
  • Responsive Design: The app is fully responsive and works across different devices.
  • Tailwind CSS: The UI is styled using Tailwind CSS for a modern and clean look.
  • Next.js: This project uses Next.js for server-side rendering and routing.
  • GraphQL & Apollo Client: Fetches data using Apollo Client and the AniList GraphQL API.

Technologies Used

  • Next.js: A React framework for building server-side rendered applications.
  • Apollo Client: A GraphQL client that helps manage data fetching.
  • Tailwind CSS: A utility-first CSS framework for building custom designs.
  • Vercel: Deployed using Vercel for seamless hosting and deployment.

Getting Started

Prerequisites

To run this project locally, you need to have the following installed:

  • Node.js
  • Yarn or npm

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/anime-finder.git

  2. Clone the repository:

    git clone https://github.com/yourusername/anime-finder.git

  3. Navigate to the project directory:

    cd anime-finder

  4. Install dependencies:

    npm install

  5. Run the Application:

    npm run dev

  6. Open http://localhost:3000 to view the application in your browser.

Deployment

This project is deployed on Vercel. For any future updates, push your changes to the branch connected to Vercel, and the redeployment will occur automatically.

Features

  • Anime Search: Allows users to search for anime by name.
  • Responsive Design: Fully responsive and works across all devices.
  • Next.js & Tailwind CSS: Built using Next.js with Tailwind CSS for styling.
  • GraphQL & Apollo Client: Uses Apollo Client and the AniList GraphQL API for fetching data.

Future Improvements

  • Favorites: Enable users to save favorite anime.
  • Pagination: Add pagination to manage large search results.
  • Additional Search Filters: Provide filtering by genres, release years, and more.

Licence

This project is licensed under the MIT License. See the LICENSE file for details.

Contact