Quotes and Photos from your favorite anime shows
API – get quotes by anime title
fetch(‘https://animechan.vercel.app/api/quotes/anime?title=naruto‘) .then(response => response.json()) .then(quotes => console.log(quotes))
API – get quotes by character name
fetch(‘https://animechan.vercel.app/api/quotes/character?name=saitama‘) .then(response => response.json()) .then(quotes => console.log(quotes))
API – get anime images and gifs
Possible Success Endpoints
highfive happy thumbsup smile dance
Possible Success Text
YES! I knew you could do it! I knew you were a good bet! I bet you have a Crunchyroll AND a Funimation account! Yeah! Let's get a good streak going! Woohoo! Nice job! Wow! I'm impressed! Well done! That was a hard one. Let's keep it going! Wow! I didn't even know that one! You really must be an anime fan! It was so cool how you got that answer right.
Possible Failure Endpoints (mocking)
laugh stare baka bored
Possible Failure Text (mocking)
Wrong. Nope. What were you thinking? Wow! THAT got you? Guess you skipped cram school. You couldn't get that one right? Ha! I knew you couldn't afford Crunchyroll. I bet you don't even have a Crunchyroll account. Wow! I bet you watch anime on YouTube. I bet you think Avatar: The Last Airbender is anime! Ha! But that was an easy one!
Possible Failure Endpoints (disappointed)
pout facepalm cry shrug ?
Possible Failure Text (disappointed)
I'm not mad; I'm just disappointed. I guess I expected too much. What a pity. What were you thinking? I guess you'll have to try again. I thought you liked anime! Don't give up... It's okay, you'll get it next time... But I bet on your success! Now my allowance is gone.
Possible Failure Endpoints (violent)
punch kick slap
Possible Failure Text (violent)
Not even close! Not this time! NOPE! Pathetic! Not today! No streak for you! I knew you were all talk!
Project 1: Quote Me Senpai!
Create a Quiz to test Anime Knowledge... Do you know who said what? Ensure Webpage is Functioning as Intended (ie: all links work, etc) Create an End Product that works on Desktop and Mobile Use Framework other than Bootstrap (we chose to utilize Materialize https://materializecss.com/ ) Have Features that Utilize Local Storage
Link to Web App:
Notes on App Implementation