Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vantage-ola/lyrical
A web app to search for lyrics using the genius API.
https://github.com/vantage-ola/lyrical
genius genius-api lyrics node-js react searchlyrics third-party
Last synced: 2 months ago
JSON representation
A web app to search for lyrics using the genius API.
- Host: GitHub
- URL: https://github.com/vantage-ola/lyrical
- Owner: vantage-ola
- License: mit
- Created: 2021-10-02T08:14:36.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-31T07:58:16.000Z (8 months ago)
- Last Synced: 2024-08-01T21:54:57.002Z (6 months ago)
- Topics: genius, genius-api, lyrics, node-js, react, searchlyrics, third-party
- Language: JavaScript
- Homepage: https://lyrical.vantageola.com.ng
- Size: 2.47 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- project-awesome - vantage-ola/lyrical - A web app to search for lyrics using the genius API. (JavaScript)
README
![logo](./src/img/logo-3.png)
# Project Overview
Lyrical is a user-friendly tool that leverages the power of the Genius API to provide a seamless way to search for song lyrics. It's designed to make exploring and discovering lyrics a breeze, offering a clean and intuitive interface for users of all backgrounds.## Key Features
Search Any Song: Quickly find lyrics for your favorite songs by searching using the Genius API.Responsive Design: The web app is optimized for various devices, ensuring a consistent and enjoyable experience on desktops, tablets, and smartphones.
## Technologies Used
React: The app is built using React, providing a dynamic and efficient user interface.Genius API: Leveraging the Genius API allows for accurate and up-to-date lyric data.
## How to Use
### 1. Clone the repository:
```shell
git clone [email protected]:vantage-ola/lyrical.git
```### 2. Create local environment `.env`:
Create .env file in root directory. Get your Genius API key here [https://docs.genius.com/](https://docs.genius.com/) and place it in this variable.
```
REACT_APP_API_KEY=[GENIUS_API_KEY]
```### 3. Start the application:
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.```shell
npm start
```## Contributions
Contributions and feedback are welcome! Feel free to fork the repository, open issues, or submit pull requests to enhance Lyrical.I hope you enjoy exploring lyrics with Lyrical. Happy coding!
🚀 Check out Lyrical!