Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/warengonzaga/love-cards

A highly customizable interactive love cards web application for your loved ones. 🌷💘💌
https://github.com/warengonzaga/love-cards

cards gift gift-cards love love-letter valentine-day velantines webapp webapplication

Last synced: 3 months ago
JSON representation

A highly customizable interactive love cards web application for your loved ones. 🌷💘💌

Awesome Lists containing this project

README 

        
# Love Cards [![by](https://img.shields.io/badge/by-Waren%20Gonzaga-fe59ae.svg?longCache=true&labelColor=181717&style=flat-square)](https://warengonzaga.com)



[![maintainer](https://img.shields.io/badge/maintainer-Waren%20Gonzaga-016eea.svg?logo=github&labelColor=181717&longCache=true&style=flat-square)](https://warengonzaga.com) [![star](https://img.shields.io/github/stars/warengonzaga/love-cards.svg?&logo=github&labelColor=181717&color=yellow&style=flat-square)](https://github.com/warengonzaga/love-cards/stargazers) [![license](https://img.shields.io/github/license/warengonzaga/love-cards.svg?&logo=github&labelColor=181717&style=flat-square)](https://github.com/warengonzaga/love-cards/blob/main/license)



A highly customizable interactive love cards web application for your loved ones. Perfect suprise gift for your loved ones for Valentine's Day. 🌷💘💌



## 💡 Inspiration



All credits goes to this [codepen](https://codepen.io/noirsociety/pen/ZEwLGXB). It gives me an idea to create this opensource project. I modified some part of it's code and add some features to make it more customizable and easy to use.



## 🛠️ Instant Setup



Let's get started with the instant setup and build. Proceed to the requirements below.



### 📋 Requirements



- A [GitHub Account](https://github.com/signup).

- A [Gitpod Account](https://gitpod.io). (sign up with GitHub)

- High resolution image in JPG/JPEG format. (we don't need PNG/GIF)



Meet the requirements? Click the Gitpod button below to get started!



[![open in gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#github.com/warengonzaga/love-cards)



## 🔨 Build Steps



> [!NOTE]  

> This project has limitations as of now. We can only have exact 6 love cards. That means you have to fill out each with information such as title, message, and images. I will update this project to have a dynamic love cards experience in the future.



1. Clone this repository.

2. Run `yarn` to install the dependencies.

3. Edit the `data.json` file to customize the love cards title and contents.

4. Repalce the images in the `src/assets/img` folder with your own images.

5. Run `yarn start` to start the local server.



## 🐛 Issues



If you're facing any problem in using this open source project please let us know by [creating an issue here](https://github.com/warengonzaga/love-cards/issues/new). We're here to help you!



## 📋 Code of Conduct



Read the open source project's [code of conduct](./code_of_conduct.md).



## 📃 License



This open source project is licensed under [GNU General Public License v3](https://opensource.org/licenses/GPL-3.0).



## 🍀 Sponsor



> Love what I do? Send me some [love](https://github.com/sponsors/warengonzaga) or [coffee](https://buymeacoff.ee/warengonzaga)!? 💖☕

>

> Can't send love or coffees? 😥 Nominate me for a **[GitHub Star](https://stars.github.com/nominate)** instead!

> Your support will help me to continue working on open-source projects like this. 🙏😇



## 📝 Author



This open source project is developed and maintained by **[Waren Gonzaga](https://github.com/warengonzaga)**, with the help of awesome [contributors](https://github.com/warengonzaga/love-cards/graphs/contributors).



---



💻💖☕ by [Waren Gonzaga](https://warengonzaga.com) | [He is Awesome](https://www.youtube.com/watch?v=HHrxS4diLew&t=44s) 🙏