Then you are in the right place! This project will help you to make your top 6 anime without knowing what will be the next anime.
The project was made using Next.js, Tailwind CSS, and Anilist API.
- Clone this repository.
- Run
npm install
to install all dependencies. - Run
npm run dev
to start the development server. - Open your browser and go to
http://localhost:3000/
. - Enjoy!
Tip
If you don't have an Anilist account, you can create one here.
You can also use the username of other users if their anime list is public.
- Enter your Anilist username.
- Click on the
Next
button. - Wait for the app to fetch your anime list.
- When a card is displayed at the bottom, click on one on the top (numbered from 6 to 1) to put the anime in that position.
- Repeat step 4 until all cards are gone.
You can choose to displayed adult content or not by clicking on the Include adult content
checkbox before clicking on the Next
button.
You can even choose to display ONLY adult content by clicking on the Only adult content
checkbox before clicking on the Next
button.
You can also choose which anime format you want to display by clicking on the TV
, MOVIE
, OVA
, ONA
, SPECIAL
, or MUSIC
checkboxes.
Don't worry, you only have to select the Manga
tab in the form at the beginning.