CS373 Group 3: Rockin' with the 'Rona

Transcript

1. Group 3 - Rockin’ with the ‘Rona Starring Lauren Wang, Matthew Armour, Sam Turner, Wentao Yang, and Yinglei Fang
2. Meet The Rockstars Lauren Wang React & Team Lead 24 issues 0 tests Wentao Yang Backend & DB 10 issues 18 unit tests Matthew Armour AWS hosting 6 issues 0 tests Sam Turner Frontend & API 5 issues 4 tests Yinglei Fang Frontend 6 issues 0 unit tests
3. http://rockinwithth erona.me Project Stats 51 resolved issues - 0 unresolved 22 unit tests - 12 testing data, 6 testing relations, 4 testing searches
4. React Integration Directory Structure: cs373-idb ¬ react-app ¬ src ¬ Components App.js ¬ static ¬ templates index.html models.py tests.py Some extra features on the website: - Routing / Component integration - About page info and tests
5. AWS Deployment
6. AWS Deployment
7. API Artist Object { "artist_albums": [ … ], "artist_genres": [ ... ], "artist_hasinfo": "<boolean>", "artist_id": "<integer>", "artist_image_url": "<string>", "artist_name": "<string>", "artist_spotify_id": "<string>", "artist_spotify_url": "<string>", "artist_tracks": [ … ] }
8. Self Critiques What did we do well? Created a functional web app What did we learn? Bootstrap/Flask/Python/React What can we do better? More communication and collaboration Search Bar What puzzled us? Merging
9. Critique group 4: What did they do well? Good topic and title Solid content
10. What did we learn? Loading animation Dense Padding
11. What can they do better? Content Display
12. Database Design Data Collected • 113 Artists ◦ Top 10 every decade from 1950’s to 2000’s ◦ Top 10 every year from 2010 to 2019 ◦ Every album and track authored by the artist on Spotify Method • Used Python library “Spotipy” to scrape Spotify’s API
13. Any Questions?