https://github.com/danielc92/react-lyrics-app
Developing and deploying a Lyrics app using React and musicmatch third party API.
https://github.com/danielc92/react-lyrics-app
react side-project
Last synced: 3 months ago
JSON representation
Developing and deploying a Lyrics app using React and musicmatch third party API.
- Host: GitHub
- URL: https://github.com/danielc92/react-lyrics-app
- Owner: danielc92
- Created: 2019-06-07T05:08:50.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T23:36:26.000Z (over 3 years ago)
- Last Synced: 2025-03-12T23:02:04.837Z (over 1 year ago)
- Topics: react, side-project
- Language: JavaScript
- Homepage: https://danielc92.github.io/react-lyrics-app/#/
- Size: 4.47 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Lyrics App
Developing a Lyrics application using React, musicmatch, axios, gh-pages and Bulma CSS framework. Using Traversy Media Tutorials as a baseline.
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
# Concepts
Intermediate level of React required for this project.
- Using the `Context API` to achieve global component state
- Consumer and Provider concepts
- Using third part external API (`musixmatch`) with `axios`
# Tests
- Logging response data from API call with axios
- Rendering Top 10 Tracks from global state
- `Consumer` and `Provider` components working
# Contributors
- Daniel Corcoran
# Sources
- [Lyric Search App With React & Context API [1] - Top 10 Tracks](https://www.youtube.com/watch?v=NDEt0KdDbhk)