I ran into a CORS error while trying to fetch from my api. I was able to go around it by installing a chrome extension to my browser. If you want to view the project in your own browser, you may need to install a similar extension. The extension I have installed is called 'CORS Unblock'.
Tired of always being the one to come up with a name for your various metal bands? Now there is a much easier way. This app is an easy to use metal band generator with 50,000 possible band names. It also includes names for albums, labels, and tracks. As an added bonus, there is list of album covers from real artists, which can be viewed individually, to give you inspiration on creating your own cover. You can even add covers yourself to help inspire people.
JavaScript, Mongoose, Express, React, Node.js, (MERN), JSX, CSS
The homepage has a button that will take you to the page that randomly generates a metal band name, with a random album cover. On this page there is a link for a page with a random album, showing the label, album name, and tracklist. Also on the homepage is a link to a page that shows several different album covers. If a specific album cover is clicked, a new page will display that album cover larger. Each page also has a link to return to the homepage.
Front End - Host - https://metal-band-generator.netlify.app/ - GitHub - https://github.com/jsparks404/Project-3/tree/main
Back End - GitHub - https://github.com/jsparks404/project-3-backend