Description
This is an application to look up information on anime that has or is airing, this uses the Janki api that get information from the My Anime List website. It allows you to see what is the most rated or most loved anime, as well as sort out anime by their genres or search up a word to find a certain anime. Then you can filter by the type of media you are looking to find the right information for your search, once you found an anime you can click on the card and it will give more information on the anime as well as a trailer.
Software / Languages
- React
- JSX
- CSS3
- JavaScript
- Zustand
- TanStack Query
Lessons Learned
As this project is more of a re-creation project I have learnt better ways to display content and to make it more visually pleasing. With more knowledge on react it allowed me to structure my code to be more neater and easier to read.
I moved away from context api this time to try out something new for state management so I used Zustand. Once I used it I seen the benefits of using it and am more willing to try out different state managements in different projects.
I re-used TanStack Query in this project cause I liked the benefits it gives but I wasn't quiet sure how it worked so I wanted to learn a bit more on how it works and this allowed me to experiment on why it can do where I don't have to rely on useEffect to do all my fetching.
Working on this big projects lets me expand my CSS skills and IU learnt new concepts as well as try things I haven't tried before like clip-path to create my tooltips on each card.
Future features
If I continue to improve this application I would like to add a feature to create accounts to track different anime's and rank your top anime's. I would use firebase as the backend or if I feel up to the task I could use mongodb to store the information.
Deployment
It is hosted on Render
Working On / Research
Creating a logo for the website