Comment(s): Your file structure is good. You made a CRA app and all of the components are properly located inside of folders, with the file paths working as well. Nice work!
Criteria 2: Data Flow
Score Level: 4/4 (Exceeds Expectations)
Comment(s): You met the requirements for data flow within the app. You did well working with Spotify and showed good understanding of how it worked. Your search functionality was well done and your playlist manipulation was also great. Nice work!
Criteria 3: Syntax
Score Level: 3/4 (Meets Expectations)
Comment(s): You hit upon all of the syntax requirements here. You used className when applying classes and used JSX instead of pure HTML. You added a reset.css properly and keys to each of the tracks in your track list. Lastly, you wrote elegant code for adding and removing the tracks, though you need to be careful of mutating state directly. You pushed a new track into the playlistTracks property on state, but it being an array means that you were modifying state directly. You should create a copy of the array first, then modify it and set it back to state. Other than that, nice work!
Criteria 4: DRY Code/Style
Score Level: 4/4 (Exceeds Expectations)
Comment(s): * You did well keeping your code "DRY." One place that you could have improved this is in your Spotify file. Here, you could have separated out the beginning of the API urls into a variable. This would allow you to change the base url of the API for all endpoints that used it by writing once, instead of updating each method separately. Good job otherwise.
Overall Score: 15/16
Overall, you did a great job with this project. You implemented all of the features of the project and wrote pretty "DRY" code. Your data flow through the app was great and you did a good job working with the Spotify API. A lot of learners experience trouble when working with Spotify, so it is great to see that you were able to get it. Awesome work!
Rubric Score
Criteria 1: CRA Project Creation & Structure
Criteria 2: Data Flow
Criteria 3: Syntax
Criteria 4: DRY Code/Style
Overall Score: 15/16
Overall, you did a great job with this project. You implemented all of the features of the project and wrote pretty "DRY" code. Your data flow through the app was great and you did a good job working with the Spotify API. A lot of learners experience trouble when working with Spotify, so it is great to see that you were able to get it. Awesome work!