My React web application was also a single page application, but I used “react-router-dom” to give my application restful routes. I imported router to enable the ability and made use of the imported “switch” and “route” to give it specific routes. I have routes for logging in/out, playlists, about, etc. I also created an error page path to show up when users try to visit a route that does not exist. I used the same method within the playlist container to create restful and nested routes for creating songs and reviews on a playlist in addition to creating a new playlist.
Once everything was in place, I was able to give MusicTaste all the functionally that I wanted it to have but it was still just a basic looking React app. I installed and imported Material UI into my app, which is a framework for react that comes with built in components for displays that don’t change state or props of components. I put my models and other important information inside Material UI’s box components to display the information more clearly over the background. I also used Material UI’s AppBar component to change my navbar from a line of links into a modern menubar, similar to mobile apps. Material UI was also used on the forms to fit the forms with the design throughout the rest of the app.
I hope to post the web application on the world wide web but that part comes later. When it does it get posted, I host to see your reaction to other user’s music taste, read as review other user’s playlists. Try not to be harsh but do share songs that you think would fit in with their playlist if you know any. We all love music so be honest but not hateful. Some say music is the answer!