An open API service indexing awesome lists of open source software.

https://github.com/eskabore/lyriks

Lyriks is a modern and user-friendly website that enables users to quickly search for the lyrics of their favorite songs. The website has been built using ReactJS, Redux Toolkit, and Rapid API for music fetching. Tailwind and Vite were also used for styling and building, respectively.
https://github.com/eskabore/lyriks

fullstack javascript mern-stack nodejs rapidapi redux-toolkit tailwindcss

Last synced: 4 months ago
JSON representation

Lyriks is a modern and user-friendly website that enables users to quickly search for the lyrics of their favorite songs. The website has been built using ReactJS, Redux Toolkit, and Rapid API for music fetching. Tailwind and Vite were also used for styling and building, respectively.

Awesome Lists containing this project

README

        

# Lyriks

![GitHub](https://img.shields.io/github/license/eskabore/lyriks?label=license)

Lyriks is a modern and user-friendly website that enables users to quickly search for the lyrics of their favorite songs. The website has been built using ReactJS, Redux Toolkit, and Rapid API for music fetching. Tailwind and Vite were also used for styling and building, respectively.

## Features

- User-friendly interface with smooth navigation and animations
- Search bar that allows users to query for their favorite singers and songs
- Display lyrics of songs and artist information
- Play/pause functionality with a custom player
- Multiple playlist options, including "Top Chart", "Top Artists" , and "Around You" playlist based on geolocation
- Seamless music playback


Music player




Responsive


## Technologies Used

- ReactJS
- Redux Toolkit
- Rapid API
- Tailwind
- Vite

## Installation

To install Lyriks on your local machine, follow these steps:

1. Clone the repository to your local machine
2. Install the required dependencies using `npm install`
3. Create a Rapid API account and obtain an API key
4. Create a `.env` file in the root directory and add your Rapid API key using the following format:

```
REACT_APP_RAPIDAPI_KEY=
```

5. Run the application using `npm start`

## Credits

Lyriks was built by Jean-Luc KABORE-TURQUIN and is licensed under the [MIT License](https://opensource.org/licenses/MIT).