Skip to content

Typing Love Letter is a beautifully designed letter template with a typewriter effect, perfect for programmers to send a heartfelt message to their loved ones on Valentine's Day (or any special occasion). It creates an immersive experience by simulating a typewriter effect with fading animation.

Notifications You must be signed in to change notification settings

yosgi/Typing_Love_Letter

Repository files navigation

Typing Love Letter 💌

Introduction

Typing Love Letter is a beautifully designed letter template with a typewriter effect, perfect for programmers to send a heartfelt message to their loved ones on Valentine's Day (or any special occasion). It creates an immersive experience by simulating a typewriter effect with fading animation.

Features

  • 📜 Typewriter Animation – The text appears letter by letter, mimicking a real typing experience.
  • 🕶️ Fade-Out Effect – After the message is displayed, it gradually fades away, adding a touch of elegance.
  • 🔐 Password Protection – A simple authentication gate prevents unwanted access to the letter.
  • 📝 Customizable Content – Edit data.js to personalize your message.
  • 🚀 Easy Deployment – Clone the repository and deploy instantly on Vercel.

Demo

To access the demo, use the password:

hello world

Installation & Deployment

1. Clone the repository

git clone git@github.com:yosgi/Typing_Love_Letter.git
cd typing-love-letter

2. Install dependencies

npm install

3. Start development server

npm run dev

Open http://localhost:3000 in your browser to preview the project.

4. Deploy to Vercel

The project is optimized for Vercel deployment. Simply run:

vercel

Or push your code to a GitHub repository and connect it to Vercel for automatic deployment.

Configuration

  • Modify the data.js file to change the content of the letter.
  • Update the CORRECT_ANSWER variable in the authentication logic to set your own password.

Contribution

Feel free to submit pull requests to enhance this project!

License

MIT License © 2025 Your Name


This project is a fun and creative way to express love through code. Happy Valentine's Day! ❤️

About

Typing Love Letter is a beautifully designed letter template with a typewriter effect, perfect for programmers to send a heartfelt message to their loved ones on Valentine's Day (or any special occasion). It creates an immersive experience by simulating a typewriter effect with fading animation.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published