Graphic Know-vels is an application to help graphic novel readers navigate, explore, annote, and save personal collections of these novels. Graphic novels are books comprised of many different comics and these collections can be complex involving many different characters, different series, and different lines of comics all within the same graphic novel. Our application makes navigating this complexity easier and more rewarding.
https://shrouded-taiga-88482.herokuapp.com/
This MERN stack app uses React to render our Material-ui front end, a Mongo database with Mongoose, we're using Express for routing purposes, and finally Node and javascript make the world go round. The user views a single page application, available to all users with additional value and functionality when users sign up/sign in.
Simply visit: https://shrouded-taiga-88482.herokuapp.com/ and visit our application hosted generously on Heroku! Our landing page presents you with the ability to optionally sign up/login, but our core functionality is available to all users. The landing page displays the database collection of Characters as the entrance to exploring graphic novels, in addition, relevant comic book news is displayed, and a notetaking feature. Selecting a character will display more information on the character, picture, links to additional information, and a list of linked graphic novel series. The series' each link to the volumes specific to that character, and the volumes each contain a link to a modal that displays additional information, provided by the Google Books API.
If you wish to test this application locally, in your terminal: "git clone https://github.com/moshecstern/mernbooks.git" After cloning the repository, npm run seed, then npm install to load all required third-party software. Following installation the application will be loaded in the default browser.
Check it out on Heroku! https://shrouded-taiga-88482.herokuapp.com/
Please clone and npm install to run. https://github.com/moshecstern/mernbooks
This node.js app uses React for all rendering using Material-ui for our UI/UX, MongoDB, Mongoose, Cheerio for back-end jQuery, axios for API interaction, axios-hooks, cors(with a cors-proxy), Express for routing, Puppeteer for scraping, React-Hooks, request, request-promise, Prettier was a godsend, and of course javascript.
Zachary Powers helped start this project with starter design, using material-ui, implementing react-hooks, and designing the news scraper.
All the rest and future designs by Moshe Stern