📖 Compliment Generator

A fun and interactive web application that generates personalized compliments based on the selected mood and gender. The app features a charming 3D envelope animation that reveals compliments in an engaging and visually appealing way.

🚀 Features

• 🎭 Mood-Based Compliments: Choose from moods like Happy, Cute, Romantic, and Angry.
• 👨‍👩‍👧 Gender-Specific Compliments: Personalized messages for males and females.
• 💌 3D Envelope Animation: A unique envelope reveal animation to display compliments.
• 🌐 Interactive Interface: Simple and delightful design for easy navigation.

🛠️ Technologies Used

• HTML
• CSS (with animations)
• JavaScript

🖼️ Screenshots

1. HomePage

2. Compliment Reveal Page

3. Mood Selection Page

⚙️ Code Structure

The application follows a simple structure with separate files for HTML, CSS, and JavaScript:

📂 compliment-generator
    ├── 📄 index.html            # Main mood selection page
    ├── 📄 envelope.html         # Compliment reveal page
    ├── 📂 css
    │    └── style.css          # Styling for the application
    ├── 📂 js
    │    └── script.js         # Logic for compliment selection and display
    └── 📂 images
         └── *.png             # Screenshots and visuals

⚙️ How It Works

1. Select Mood: Users choose their mood from the available options.
2. Gender Selection: The app detects gender-based compliments.
3. Compliment Generation: Random compliments are generated based on the selected mood.
4. Envelope Reveal: A click on the envelope reveals the compliment with a smooth animation.
5. Navigation: A back button allows users to select a new mood easily.

🛠️ Setup Instructions

1. Clone the repository:

   git clone https://github.com/your-username/compliment-generator.git

2. Open index.html in your browser.

🎨 Customization

• Add new moods and compliments in script.js.
• Modify animation properties in style.css.

📢 Contribution

Contributions are welcome! Feel free to submit a pull request if you have improvements or new features in mind.

---

Created with ❤️ by Vipul Solanki(https://github.com/VIPULbunny)