Skip to content

Latest commit

 

History

History
60 lines (50 loc) · 2.58 KB

final.md

File metadata and controls

60 lines (50 loc) · 2.58 KB

Team Members & Contributions


Alvin Ngo


- Pulled data about users, artists, and songs from Spotify API
- Handled majority of Firebase database population using Spotify data
- Implemented community page feature/look
- Integrated login button with how backend would be able to grab user's data
- Worked on project video and login page directory links

Hunter Lai


- Worked on grabbing data from the Spotify API
- Handled initilization of Firebase database
- Did significant part of Express startup
- Implemented search and play a song feature
- Worked on data visualization on home feed

Nathan Mansur


- Created main wireframe that was used as final design of app
- Handled majority of page styling and overall app look
- Helped populate database from frontend side
- Handled try catch error cases
- Implemented search for user feature

Luis Lu


- Grabbed data from Spotify API
- Did front end styling and overall design of login page
- Created musaic logo
- Worked on initial SQLite database work before Firebase
- Worked on testing with possible error cases



list of all source code


HTML and handlebars

-community.handlebars-----HTML/handlebars file that populates the layout of our community page
-login.handlebars-----HTML file that populates layout of our login page
-mainPage.handlebars-----HTML file that populates layout of our main page once user successfully logins

CSS files

-community.css-----Handled styling of community page
-login.css-----Handled styling of login page
-main.css-----Handled styling of main page
-modal.css-----Handled styling of popup window on login page
-navbar.css-----Handled styling of navigation bar on main page
-searchbar.css------Handled styling of search bar on main page
-hamburgers.css-----Handled styling of hamburger pull out menu

Javascript files

-community.js-----Passed access token, refresh token, id, image, and display name from backend to community.handlebars
-login.js-----Handled route to login page
-mainPage.js-----Passed access token, refresh token, id, and display name from backend to mainpage.handlebars
-app.js-----Handled overall app functionality by integrating data Spotify API to Firebase and SQLite3, Also contains try catch error for checking data from Spotify API before passing to database


Link to Video Demo


https://youtu.be/hjq2ooTOSTc