Skip to content

Mktapphub/Love_Meter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💖 Love Meter Web App

A fun and interactive Love Meter built using HTML, CSS, and JavaScript.
This project simulates a love compatibility test and plays a romantic sound while showing the result — inspired by Me


🌟 Features

  • ❤️ Beautiful and responsive UI
  • 🔊 Plays a romantic sound when the result appears
  • 💫 Smooth animation for result reveal
  • 🎨 Clean, modern design using CSS
  • 📱 Works perfectly on desktop and mobile

🧠 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (Vanilla JS)
  • Audio API (for playing sounds)

flow-chart :


   ┌──────────┐
   │  Start   │
   └────┬─────┘
        │
 ┌──────▼──────┐
 │ Input Names │
 └──────┬──────┘
        │
 ┌──────▼──────┐
 │ Names Empty?│
 └──────┬──────┘
    Yes │ No
        │
 ┌──────▼──────┐
 │ Special Couple? │
 └──────┬──────┘
    Yes │ No
        │
 ┌──────▼──────┐
 │ lovePercent=100 │
 └──────┬──────┘
        │
        ▼
 ┌─────────────┐
 │ Combine Names │
 └──────┬──────┘
        ▼
 ┌─────────────┐
 │ Sum ASCII Codes │
 └──────┬──────┘
        ▼
 ┌─────────────┐
 │ total % 101 │
 └──────┬──────┘
        ▼
 ┌─────────────┐
 │ Display Result │
 └──────┬──────┘
        ▼
 ┌─────────────┐
 │ Play Audio   │
 └──────┬──────┘
        ▼
   ┌──────────┐
   │   End    │
   └──────────┘

Netlify Link : https://love-meter2025.netlify.app/

About

A fun and interactive Love Meter built using HTML, CSS, and JavaScript. This project simulates a love compatibility test and plays a romantic sound while showing the result — inspired by Me

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors