Skip to content

R0mb0/Love_link_generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

πŸ’Œ Love Link Generator πŸ’Œ

Codacy Badge pages-build-deployment Maintenance Open Source Love svg3 MIT

A cute and incredibly easy-to-use companion web app to generate custom, interactive Valentine's Day proposal links! Just type the name of your special someone, hit generate, and share the magic instantly. No coding skills required to spread the love!

01.png

01.png


🌟 What is this?

This project is the official Link Generator for the Be my valentine project. While the main project provides the interactive "proposal" experience, this tool allows anyone (even those with zero coding experience) to safely generate a custom URL injected with their loved one's name.

πŸš€ Features

  • Bulletproof URL Encoding: Uses native JavaScript encodeURIComponent() to ensure spaces, emojis, and line breaks are safely translated. Your link will never break!
  • Native Mobile Sharing: Integrates the powerful navigator.share API. On mobile devices, clicking the share button opens the native OS sharing menu (WhatsApp, Telegram, iMessage, etc.) instantly.
  • One-Click Clipboard Copy: Generates the link and automatically copies it to your clipboard with a smooth, user-friendly visual feedback.
  • Consistent Aesthetic: Features the same dreamy, interactive cloud-painting background canvas and cute GIFs as the main Valentine project.
  • Infinite Text Area: A sleek, rounded text area that prevents layout-breaking resizing but allows vertical scrolling for endless messages.

πŸ› οΈ How it works

  1. Type a Name: The user enters a name (or a short message) into the cute text area.
  2. Generate/Share: The JavaScript captures the input, sanitizes it for the web, and appends it to the base URL of the main project (using the ?name= parameter).
  3. Delivery: The user copies the link or shares it directly via native apps. When the recipient opens it, the main project parses the URL and welcomes them by name!

πŸ† Why make a separate Generator?

  • User Experience: Manually typing URL parameters (like converting spaces to %20) is confusing for non-technical users. This abstracts the complexity away.
  • Virality & Growth: By providing an easy-to-use tool, users are encouraged to create and share their own versions, drastically increasing the reach of the original open-source project.
  • Monetization & Open Source Support: The hosted version of this tool can include ads or banners, supporting the developer's open-source efforts while keeping the core GitHub repository clean and free for forks!

⚑ Getting Started

Online

Just visit the Live Demo, type a name, and share!

Local Installation

To run this tool locally:

  1. Clone this repository or download the source code ZIP.
  2. Double-click generator.html to open it in your browser.
  3. Note: If you are hosting the main project on a different URL, remember to update the baseUrl variable inside the JavaScript!

Dedicated with love to Lucia ❀️


Not made by AI

About

Create a personalized, interactive Valentine's Day proposal link in seconds! This generator lets you customize a cute "Runaway Valentine" web app with your special someone's name and share it directly. Features a dynamic cloud canvas and lovely GIFs. πŸ’Œ

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Languages