Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 (5 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/)