AniCycle - Seasonal Anime Tracker

AniCycle is an AniChart-style seasonal anime tracker with multi-page navigation for current and past seasons, staff, and individual works. It features responsive design and GraphQL integration with the AniList API.

Overview

AniCycle allows users to:

• Browse current and past anime seasons
• View seasonal works, including descriptions and trailers
• View detailed information about individual works, staff, and characters

Tech Stack

Category	Technology
Framework	React (CRA)
Language	TypeScript
Styling	EmotionJS
Routing	React Router
Data Fetching	GraphQL
API	AniList API

Screenshots

Home/ Season View	Individual Work

Character Page	Staff Page

Getting Started

Instructions for setting up and running the app locally:

1. Clone the repository

git clone https://github.com/shirley543/anicycle.git
cd anicycle

2. Install dependencies

npm install

3. Run the development server

npm run start

Open http://localhost:3000

4. Run linting and formatting

npm run lint
npx prettier . --write

Contributors

Shirley Xiao - Github - LinkedIn