Skip to content

smitbhalodiya/loveCalculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

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

Repository files navigation

Love Calculator

A fun and interactive web application that calculates the compatibility percentage between two people based on their names.

πŸ“š Project Description

This project is a love calculator that uses JavaScript to generate a random compatibility percentage between two people based on their names. The application is styled with CSS and includes a responsive design that works on various screen sizes.

πŸ“¦ Deployment

This project is deployed on GitHub Pages at Love Calculator.

πŸ’˜ Features

  • Compatibility Calculation: Generates a random love percentage from 0% to 100%.
  • Interactive Feedback:
    • > 80%: Success message with a happy animation and joyful audio.
    • 40% - 80%: Encouraging message with a neutral animation.
    • < 40%: Sad message with a crying animation and sad audio.
  • Input Validation: Ensures valid names are entered before calculating.
  • Responsive Design: Works on various screen sizes.

πŸ› οΈ Technologies Used

  • HTML5: For structure and layout.
  • CSS3: For styling, animations, and responsiveness.
  • JavaScript: For game logic, random number generation, and DOM manipulation.

πŸš€ How to Use

  1. Clone the repository (or download the files):

    git clone https://github.com/smitbhalodiya/loveCalculator.git
  2. Open the Project:

    • Navigate to the project folder.
    • Open index.html in your preferred web browser.
  3. Calculate Love:

    • Enter your name in the first input box.
    • Enter your partner's name in the second input box.
    • Click the "Click" button.
    • View your result, animation, and hear the sound effect!

πŸ“‚ Project Structure

loveCalculator/
β”œβ”€β”€ css/
β”‚   └── style.css       # Stylesheets
β”œβ”€β”€ image/              # Images and GIFs
β”œβ”€β”€ audio/              # Sound effects
β”œβ”€β”€ js/
β”‚   └── script.js       # Logic script
β”œβ”€β”€ index.html          # Main HTML file
└── README.md           # Documentation

⚠️ Note

This application is for entertainment purposes only! Determining love compatibility via a random number generator is just for fun. πŸ˜‰

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published