Anime Manga Paradox - Link to live site
Anime Manga Paradox (AMP!) was designed for the Anime and Manga loving community!
Upon visiting AMP’s homepage, Fanatics can generate a random Anime/Manga based on Category. If a broader search is desired then visiting either the Anime or Manga page will give you just that!
Have an opinion that needs sharing? Our comment section will be your new best friend!
Any of these options will include a picture, information on said inquiry and of course inherited coolness (I mean it is Anime we are talking about)!
Clone down this repository. You will need Node, and Npm installed globally on your machine.
You will also need to install and import Axios, Firebase, React, React-router-dom, and Bootstrap.
Installation:
npm install
npm install axios
npm install react
Etc
import react from 'react';
Denisse - README.md, Routing, Home page and Manga
Lawrence - Github leader, Comments Component
Juan - Wireframe, Anime page
This was a quick 4 day trio group project done by team Dj Lawjuan during our third module at Per Scholas. Our project goal included utilizing technologies learned up until this point, while also gaining knowledge and usage of new packages/tools.
Technologies implemented in this project are React, React-Router, Axios. Also JavaScript, JSX, Firebase, Bootstrap, Semantic UI, and CSS. We utilized create-react-app due to ease of usage and time effectiveness.
Issues during production sourced from our initial API choice. We were having a hard time understanding how to access this specific API. Firebase was self-taught in order to get the comment section to work correctly.
https://www.youtube.com/watch?v=yyo_TcZCrS4&t=847s
https://www.youtube.com/watch?v=cb8H_hp10rc
https://reactjs.org/docs/hooks-state.html
https://reactjs.org/docs/hooks-effect.html
https://stackoverflow.com/questions/47474522/firestore-difference-between-set-and-add
https://javascript.info/promise-chaining
https://stackoverflow.com/questions/36113367/how-to-make-image-buttons-in-jsx