Project Plan

Main Function

Our final project will be a website that will be a webstie that will be a website that will help people create music playlists. We will have different genres represented by diferent html tabs at the top of our blog. When these are clicked there will be links to the different posts. These posts will be different artists and there will be a paragraph to describe them. Then we will put some of the most popular songs by these artist. We wil also add who these artists are similar to and what songs are similar to each other.

We will begin with creating the html tabs of the different genres. We will be doing, rap, rock, country, and pop. We will add the history of this genre and what it sounds like. There will be a summery of why someone might like it.
We will then create the posts of the artists. We will make sure to add at least 5 artists to each genre. We wil add their backstory and what their music sounds like. we will also add what other artists they sound like.
Then we will ads the songs of each of these artists. 5 songs per artist. A total of 100 songs will be added. We will also right similar songs t these.

Row 1: Program Purpose and Function. The purpose of the website will be to create a playlist. The functin will be different posts create and html tabs that are linked to these.
Row 2: Data Abstraction. We will be able to explain the variables of artists, songs, and genres.
Row 3: Managing Complexity. If we run into problems we will ask each other questions.
Row 4: Procedural Abstraction. We will understand our process nd manage our time well.
Row 5: Algorithm Implementation. Organizign by genre, artist, and songs will show this.
Row 6: Testing. Testing will occur after we create the webstie. We will make sure every page is running well.

Some similarities I see are that the tables are created in the same way between both verions of code. Both check for errors in the similar ways. “If (response.status !==200)” is used for both. They also both use the “Get, Post, Put, Delete” method for preparing fetch options. Both use console.log(data).
In the first block the code is making a table of covid cases. It shows a time, All-time cases, recorded Deaths, and active cases column. There is also a table that seperates into a Joke, Haha and BooBoo. There is a joke and a number of Boohoos or Hahas. The next block of code is making a variables for this Boohoo or Haha and allowing the user to input if the like the joke or not. Then the next block of code is making that into a API so the data is shared between all users.