An open API service indexing awesome lists of open source software.

https://github.com/secondthunder/otaquiz

Anime quiz app. Built with T3 Stack. Powered by Shikimori API
https://github.com/secondthunder/otaquiz

Last synced: 3 months ago
JSON representation

Anime quiz app. Built with T3 Stack. Powered by Shikimori API

Awesome Lists containing this project

README

        

# Otaquiz

> Otaku + quiz = Otaquiz

![Screenshot 2024-05-17 at 15 08 06](https://github.com/SecondThundeR/otaquiz/assets/36604233/07de8c21-bc3f-4e00-9755-127fa6babcf1)

Some random anime quiz web application. Built with T3 Stack, powered by Shikimori API

[Deployment link](https://otaquiz.ru/) | [Development roadmap](https://github.com/users/SecondThundeR/projects/7)

## Brief Description

This is an anime quiz game, which queries random animes, shows screenshots and gives buttons for player to guess, which anime name is correct

> ~More game modes are on the way~
>
> **Note**: Project is currently postponed indefinitely

## Getting started

### Installation

To start working with sources, clone this repository and add necessary variables in `.env`, then run

```shell
pnpm i
pnpm prisma db push
```

To launch app, simply run `pnpm dev`

### Creating Shikimori app for authorization

To create Shikimori app for NextAuth, go to [Shikimori OAuth Apps](https://shikimori.one/oauth/applications) page and press button with text `Создать` near page title

Fill input fieids with necessary information and fill `Redirect URI` field with such link:

```shell
http://localhost:3000/api/auth/callback/shikimori

# or (replace `example.com` with your domain)
https://example.com/api/auth/callback/shikimori
```

To finish, copy Client ID and Client Secret into `.env` to use NextAuth functionality

### Deploy on Vercel

1. Go to and select Github repo with application
2. Prepare enviroment variables for deployment (They should look like on picture below)
image

> Note: I suggest you to set up "Ignored build step" in "Settings/Git" to build only production, since if you doesn't have stable preview link, Shikimori authorization would fail and there is no possible way to test app correctly
3. Click `Deploy` button and wait for deployment to finish
- If something fails during deployment, push fix to repo and Vercel will automatically pull your commit and re-deploy
4. Check your deployment and you are good to go!

## License

This repository is using [MIT License](LICENSE)

## Acknowledge

This project was built with help of [`create-t3-app`](https://create.t3.gg/) and [these libraries](./package.json)