A website using an Anime API that generates a random anime quote. Lists the name of the character and what anime they are from. Features a favorites section and subtle animations.
• A favorites section to save your quotes (doesn't save locally, I'm still learning that)
• Animations on button hovers
• Add to favorites button
• Fetching and loading message
As someone that relies heavily on tutorials, once I got the basic structure of the website down, I had to change it to be fitting for anime. A lot of it was just copying and pasting my already existing code and just tweaking it to fit the pull of the api. In the tutorial, the api was listed as author and quote, but the API I wanted to use listed the author as character and the quote as content, so I had to make slight adjustments there which wasn't to bad. I didn't want to list just the character's name as there are a bunch of characters that I, or anyone else using the website, might not know or know where they are from. So I added a section to list the anime name as well which again wasn't too hard just copy and paste and slight tweaking.
The favorites sections was done fully by following the tutorial, I just made slight CSS adjustments. The last thing I struggled with was the API crashing after trying to pull too many requests. So I looked up how to place a message when fetching a new quote to acknowledge that it is trying to find a quote instead of a blank screen. I'm very proud of how this came out, in the future I want to add a section to filter all quotes by anime and get quotes just from that anime speficially.
• Clone the repository
• Instal dependencies: "npm install"
• Run development server: "npm run dev"
• Open http://localhost:5173/ in your browser