AniTrivi

AniTrivi is a web application developed using React and AniList API that allows users to guess anime titles from their completed anime list based on provided clues.

Screenshots

Guessing phase

Featured anime revealed

Pre-requisites

Application was developed and tested in a stable environment, utilizing the following versions:

• node.js v19.7.0
• npm v9.6.0

This ensures that the application runs smoothly and efficiently.

Run Locally

Clone the project

  git clone https://github.com/r1pk/anitrivi.git

Go to the project directory

  cd anitrivi

Install dependencies

  npm install

Run the project locally

  npm run dev

Project file structure

anitrivi/             # root directory
├─ public/            # static files
├─ src/               # application source code
│  ├─ apis/           # api related files
│  ├─ components/     # reusable components grouped by features
│  ├─ configs/        # configuration files
│  ├─ contexts/       # context declarations
│  ├─ hooks/          # custom hooks
│  ├─ layouts/        # layout components grouped by layout type
│  ├─ lib/            # declarations related to external libraries
│  ├─ pages/          # page components
│  ├─ themes/         # theme related files (e.g. colors, fonts)
│  ├─ utils/          # utility functions
│  ├─ App.jsx         # application root component
│  ├─ AppRoutes.jsx   # application routes
│  ├─ main.jsx        # application entry point
├─ .env               # default environment variables

Demo

Application is automatically deployed using Vercel.

AniTrivi Live Demo

Authors

• @r1pk

License

MIT