FetchAnime

Live Demo: https://fetch-anime.netlify.com

Inspiration

Curate and tracking your favorite seasonal animes!

Features

• Get the latest animes infos
• Pagination & skeleton loader to improve user experience
• Navigate animes by season/year/genres/formats
• Countdown to the next airing episode of this season animes!

Coming soon

• Sorting options
• Filter seasonal anime list
• Search animes by title (from the AniList database)
• User database to add favorite animes on watch list!

Technologies used

• React
• SASS/CSS Module
• AniList GraphQL API

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

You’ll need to have Node >= 6 on your local development machine (but it’s not required on the server). You can use nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.

Installing

A step by step series of examples that tell you how to get a development env running

• Clone and install the dependencies

git clone https://github.com/rangigo/fetch-anime.git

cd fetch-anime

npm install

• After the installation finshed, run the start command

npm start

• Now everything is ready! Open http://localhost:3000 to view it in the browser.