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: 3 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!