uncrownedthrone / assignments

SDG Homework

0 stars 0 forks source link

week 05 - day 01 - music madness - SPA #22

Closed uncrownedthrone closed 4 years ago

uncrownedthrone commented 4 years ago

Music Madness

For tonight, I want you to show off what you favorite music is. You will be creating a multiple page app, using react-router.

Objectives

Create a SPA, with a few pages
Deploying your website

Requirements

Build a website that has 4 pages.
- 1 landing
- a page for your top three favorite bands.

Explorer Mode

[x] Add react-router-dom to your project.
[x] Create a Landing page that displays a short description of all three of your bands
[x] Build 3 band pages. These pages should have a
- [x] a band picture
- [x] band name
- [x] Latest Album information
[x] Each page should have a nav bar that allows the user to browse from page to page
[x] Deploy your site

TIP: for Explorer mode focus on getting the router set up and linking up the pages to each other.

Adventure Mode

[x] Instead of hard coding the URL, try to use parameters, components and JSON file to supply navigation for your site.

Epic Mode

[ ] Add integrations from Last.fm API. This API has a bunch of features. Go crazy, the sky is the limit.

Additional Resources

npm react-router-dom
yarn add react-router-dom

uncrownedthrone commented 4 years ago

https://github.com/uncrownedthrone/hw-band-page