Skip to content

An application to search for and find a song by it's lyric. The application collects data from external APIs Spotify and Musixmatch.

License

Notifications You must be signed in to change notification settings

Aminaamin123/Grupp10-projekt

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DA355A - Project - Group 10

About this project

An application to search for and find a song by it's lyric. The application collects information from external APIs Spotify and Musixmatch.

The application is using react framework and external libraries:

Getting started

1. Clone this repository

Clone project at https://github.com/Aminaamin123/Grupp10-projekt.git

2. Add API keys and credentials

  • Get credentials from Spotify to get a token to send with the request.
  • Get a key from musixmatch to add to your request.
  • Team members credentials are currently used for project evaluation/grading.

3. Install dependencies

Install Node.js # ignore if node is already installed

'macOS' $ brew install node

'Ubuntu' $ sudo apt install nodejs npm

'Windows' https://nodejs.org/en/#download

Install npm

On your terminal, go in to the directory of the cloned folder, than do a npm install .

4. Get temporary access to the proxy demo server (needed for API-calls)

Go to https://cors-anywhere.herokuapp.com/ and click the button to get temporary access to use the proxy server.

5. Build and preview the site locally at http://localhost:3000

npm start - CTRL-C (to stop the run)

Preview of application

Skärmavbild 2021-06-04 kl  18 27 25

License

Everything is published under The MIT License.

Comparison between JS-frameworks

React

We chose to work with React for this project. All of the team members used React for the previous assignment and felt that there were still a lot to learn about React. On the job market there seemed to be a high demand for experience using React. It is widely used with lots of examples and help online for when we needed that and it played a part in us choosing React.

Angular

Large framework with what we perceived as a steep learning curve. The amount of features seemed excessive in relation to the scale of our project and we wanted to quickly get started and have the application up and running.

Vue

If we didn´t use React we probably would have chosen Vue. In relation to React it seemed to have roughly the same learning curve and complexity. Usage of Vue is on the rise but not quite on the level of React (for the time being). However, this also includes that Vue has a smaller community than React and may therefore lack some plugins. The deciding factor to use React was the amount of online example and guidance in favor of React and the teams prior usage of React led us to feel more comfortable continuing use and learn React.

About

An application to search for and find a song by it's lyric. The application collects data from external APIs Spotify and Musixmatch.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published