Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shrutiiigupta/LyricsApp
This web application provides a simple yet useful interface for searching and discovering songs and viewing their lyrics. The application uses the Genius API to search for songs based on the provided search term and displays the results on the webpage.
https://github.com/shrutiiigupta/LyricsApp
api javascript
Last synced: about 1 month ago
JSON representation
This web application provides a simple yet useful interface for searching and discovering songs and viewing their lyrics. The application uses the Genius API to search for songs based on the provided search term and displays the results on the webpage.
- Host: GitHub
- URL: https://github.com/shrutiiigupta/LyricsApp
- Owner: shrutiiigupta
- Created: 2023-08-25T12:48:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-11T05:41:19.000Z (over 1 year ago)
- Last Synced: 2024-08-01T21:54:58.173Z (4 months ago)
- Topics: api, javascript
- Language: JavaScript
- Homepage: https://shrutiiigupta.github.io/LyricsApp/
- Size: 13 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- project-awesome - shrutiiigupta/LyricsApp - This web application provides a simple yet useful interface for searching and discovering songs and viewing their lyrics. The application uses the Genius API to search for songs based on the provided (JavaScript)
README
# Song Lyrics Web App
This web application provides a simple yet useful interface for searching and discovering songs and viewing their lyrics. The application uses the Genius API to search for songs based on the provided search term and displays the results on the webpage.
## How to Use
IMP- Run this command in command prompt window. (This is to avoid CORS error)For windows:
```
"C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\tmpChromeSession
```
For Mac ios
```
"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --disable-web-security --user-data-dir=/tmp/ChromeSession
```
1. Copy the link(github pages deployment) from description and paste it in the new chrome session that just opened.2. You will see a search form at the top of the page with an input field and a search button.
3. Enter the name of the song you want to search for in the input field.
4. Click the "Search" button or press Enter.
5. The application will make a request to the Genius API and display up to 10 search results on the page.
6. Each search result will include the artist's name and a link to view the lyrics of the song.
7. Click the "Lyrics here" link to open the lyrics of the song in a new tab.
## Dependencies
- This application relies on the Fetch API to make requests to the Genius API.
## Screenshots
![Screenshot (20)](https://github.com/shrutiiigupta/LyricsApp/assets/98140693/7aae1665-2faa-40ca-b6d3-1ee9928ef031)![Screenshot (21)](https://github.com/shrutiiigupta/LyricsApp/assets/98140693/7ea045fb-f634-4d23-9457-af91e027bda3)
## Access Token (Developer's Note)
- **API Access Token**: Developers can replace the API access token in the code to ensure seamless integration with the Genius API.The Song Lyrics Web App offers a straightforward and efficient way for users to find song information and lyrics quickly. Its minimalistic design and real-time search results make it a user-friendly tool for music enthusiasts. Developers can further enhance and customize the application to meet specific requirements and integrate it with additional features or APIs.
Feel free to customize and enhance this web application to meet your specific requirements. Happy song searching!