Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/adhamali450/lyrics-card-maker-frontend

Generate a Genius lyrics card for any song you want. Customize and tweak the card based on your preference.
https://github.com/adhamali450/lyrics-card-maker-frontend

genius-api genius-lyrics lyrics lyrics-search music reactjs tailwind

Last synced: 2 months ago
JSON representation

Generate a Genius lyrics card for any song you want. Customize and tweak the card based on your preference.

Awesome Lists containing this project

README

        

# Lyrics Card Maker (frontend)

A website that creates and customizes Genius lyrics cards using `ReactJS` and `tailwind`.
You can also refer to the [backend](https://github.com/adhamali450/lyrics-card-maker-backend) of this project

![Logo](https://raw.githubusercontent.com/adhamali450/lyrics-card-maker-frontend/master/images/readme%20preview.png?token=GHSAT0AAAAAAB6XPXNPOXORQ7J7GVU6LU3SZC5B77A)

## Run Locally

Clone the project

```bash
git clone https://github.com/adhamali450/lyrics-card-maker-frontend
```

Go to the project directory

```bash
cd lyrics-card-maker-frontend
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

## Screenshots

![Screenshot Windows](https://raw.githubusercontent.com/adhamali450/lyrics-card-maker-frontend/master/images/screenshot-windows.jpg?token=GHSAT0AAAAAAB6XPXNOFSI3XCXXRERJ3YJYZC5DCXQ)

## Contributing

Contributions are always welcome!
Refer to `TODOs` in the project if you seek contribution.
## Authors
- [@adhamali450](https://github.com/adhamali450)
- [@Omaryassenn](https://github.com/Omaryassenn)

## License

[MIT](https://choosealicense.com/licenses/mit/)