-
This is the home page
-
This is the list page
Inspiration
I recently binged watched all four seasons of Tokyo Ghoul. Now when I think about it, season four was rushed a lot. Comparatively, Attack on Titan has a similar storyline and it was executed beautifully. Now if someone were to ask me to list the top 10 best anime, it would be quite a hassle for me to decide.
But when someone asks to compare two animes, it would be really easy for me.
What it does
This is the origin of my idea. I have built a website that will give the user some comparisons and based on those comparisons, it will curate a list YOUR TOP 10 ANIME LIST.
How I built it
I thought that I will make a website that will ask for nlog(n) comparisons (where n is the number of anime). And with each comparison, I will increase the counter for the liked anime. So I thought that I will make a nlog(n) for loop which will parse over all the n anime in the data file.
After the comparisons, I will output the sorted order of the objects from the data file.
Challenges we ran into
Now executing my idea is quite a challenge. This is because I do competitive programming and I am very familiar with C++, but using the same logic in JavaScript is quite a challenge. But I love challenges, this hackathon is helping me to learn more about JavaScript and understand the core concepts even better. I am going to try my best to finish my project within the given deadline.
What we learned
Through this project I have learned a lot of concepts like React DOM , Vite js , using .module.css React hooks, useState hook, and store the input data in the js data file. Fetching data and displaying it in the cards. and many more things
What's next for AnimeList
I feel that I will add a database and improve the algorithm for comparisons, rather than having a brute-force approach. Furthermore, I can add factors like star ratings and try using some ML algorithms for better results.
Log in or sign up for Devpost to join the conversation.