davidcmoody / cajammming Goto Github PK

Your HTML was converted to JSX. A reset.css stylesheet was appropriately included, addTrack and removeTrack are written simply and not convoluted.

Learner did make a CRA app and all components are properly located inside folders, file paths work. Good job!

I was able to search for titles, artists, and albums, create a new playlist, and save tracks to the playlist and the playlist to a Spotify account. Nice work!

Rubric Score

Criteria 1: App Creation, Folder Structure, and File Paths

• Score Level: 4/4
• Comment(s): Learner did make a CRA app and all components are properly located inside folders, file paths work

Criteria 2: Correct Implementation of User Flows (e.g. Searching, Token Generation, Save Playlist, etc.)

• Score Level: 3/4
• Comment(s): •Search call triggers search method.
  •Spotify registers the app and grants an access token.
  •Search method returns tracks
  •Playlist saves to Spotify
  •Default playlist name changes back to New Playlist
  •Learner uses local storage

Criteria 3: Proper JavaScript and JSX Syntax and Formatting

• Score Level: 4/4
• Comment(s): •Class was always changed to className
  •HTML was converted to JSX
  •Reset.css was added properly
  •addTrack and removeTrack are written simply and not convoluted.
  •A key was added to each track.

Criteria 4: Implementation Adheres to DRY Principles

• Score Level: 4/4
• Comment(s): Many of the URLs used in Spotify.js are saved as variables, as are the headers. Code uses map and filter. addTrack and removeTrack are written simply and not convoluted.

Overall Score: 15/16

Your project Exceeds Expectations - great job! For extra practice of the concepts needed to construct this app, see if you add the functionality to execute a search by pressing the enter key in addition to clicking the search button. Keep up the excellent work. Happy coding!