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.

• Host: GitHub
• URL: https://github.com/adhamali450/lyrics-card-maker-frontend
• Owner: adhamali450
• Created: 2023-03-13T18:30:53.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-10-06T01:02:36.000Z (over 1 year ago)
• Last Synced: 2024-08-01T21:54:58.900Z (6 months ago)
• Topics: genius-api, genius-lyrics, lyrics, lyrics-search, music, reactjs, tailwind
• Language: JavaScript
• Homepage: https://lyrics-card-maker.vercel.app
• Size: 4.13 MB
• Stars: 20
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• project-awesome - adhamali450/lyrics-card-maker-frontend - Generate a Genius lyrics card for any song you want. Customize and tweak the card based on your preference. (JavaScript)

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/)