Skip to content

bcebel/Hot10

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hot10

Description

A website with a searchbar for user input that allows the user to enter an artist or band name.

For this project the goal was to work as a group to create a website using two different server APIs data, received in JSON.

The two APIs return data based on which artist/band the user entered into the search bar.

The first API, Youtube, returns the top ten music videos for that artist/band in the left column.

The second API, LastFM, returns the top ten albums with am image of that album cover, in the right column, also by clicking on the album covers it will bring you to the LastFM homepage for that album.

There is also a section under the search bar that stores the last 5 searches the user entered, that are stored in local-storage, and can be revisited or cleared with a click or the "clear-history" button.

We used google's AMP web component framework for the homepage animations. AMP uses inline CSS.

During this project, we learned the importance of communication when working with our peers on a group project, and how complicated it can be to use github as a team rather than individuals.

Credits

Our UNH coding teacher Nicole Thomas and her teaching assistant Robert Hoffman.

Collaborators:

Picture of the collaborators for the Hot10! api Project-1 website

Screen-capture

Picture of the Hot10! Webpage after a search input has been entered

License

Please reference the project repository for license information.

Deployment

https://bcebel.github.io/Hot10/

Collaborator Portfolios with Hot10 added:

https://nietru.github.io/my-portfolio/

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published