Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/adaiasmagdiel/spotify-card-lyric

A simple web application that allows you to create beautifully formatted lyric cards in the style of Spotify. Simply input the album cover URL, song name, artist name, and snippets of the song's lyrics.
https://github.com/adaiasmagdiel/spotify-card-lyric

art canvas javascript

Last synced: 10 days ago
JSON representation

A simple web application that allows you to create beautifully formatted lyric cards in the style of Spotify. Simply input the album cover URL, song name, artist name, and snippets of the song's lyrics.

Awesome Lists containing this project

README

        

# Spotify Card Lyric Generator

[![License](https://img.shields.io/github/license/adaiasmagdiel/spotify-card-lyric)](https://opensource.org/licenses/MIT)
[![GitHub Pages](https://img.shields.io/badge/GitHub-Pages-brightgreen)](https://adaiasmagdiel.github.io/spotify-card-lyric)

Welcome to the Spotify Card Lyric Generator! This web application allows you to create beautifully formatted lyric cards in the style of Spotify. Simply input the album cover URL, song name, artist name, and snippets of the song's lyrics. The app will automatically generate an aesthetically pleasing image on a canvas.

## Features

- **Easy to Use:** User-friendly interface for effortless lyric card creation.
- **Customization:** Input album cover URL, song name, artist name, and lyrics to personalize your card.
- **Visual Appeal:** Generates a stylish card similar to Spotify's lyric cards.

## Future Features

- [ ] **Search Album Cover:** Possibility to search and select the album cover from an external source.
- [ ] **Lyric API Integration:** Interact with a lyrics API to fetch and display the complete lyrics.
- [ ] **Enhance customization:** Incorporate your preferred background color.

## Demo

Check out the [live demo](https://adaiasmagdiel.github.io/spotify-card-lyric) hosted on GitHub Pages.

## How to Use

1. Open the [Spotify Card Lyric Generator](https://adaiasmagdiel.github.io/spotify-card-lyric) in your web browser.
2. Fill in the required fields:
- Album Cover URL
- Song Name
- Artist Name
- Lyrics (add snippets for the best results)
3. View and download your beautifully crafted lyric card.

## Development

If you want to contribute or modify the project, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/adaiasmagdiel/spotify-card-lyric.git
```

2. Navigate to the project directory:

```bash
cd spotify-card-lyric
```

3. Make your changes and test locally.

4. Commit your changes and push to your fork:

```bash
git add .
git commit -m "Your meaningful commit message"
git push
```

5. Create a pull request on the [main repository](https://github.com/adaiasmagdiel/spotify-card-lyric).

## License

This project is licensed under the [MIT License](LICENSE).

Feel free to explore and use the Spotify Card Lyric Generator. If you encounter any issues or have suggestions for improvement, please open an [issue](https://github.com/adaiasmagdiel/spotify-card-lyric/issues). Happy generating!