https://github.com/sandeepvashishtha/wanna-date

This project is a creative and interactive web application that presents a playful dating invitation. The main feature is a digital card that, when hovered over, flips open to reveal a message asking the viewer, "Wanna Date?".
https://github.com/sandeepvashishtha/wanna-date

animation animation-css collaborate communityexchange css github-campus-experts github-pages html interactive student-vscode web web-application

Last synced: 2 months ago
JSON representation

This project is a creative and interactive web application that presents a playful dating invitation. The main feature is a digital card that, when hovered over, flips open to reveal a message asking the viewer, "Wanna Date?".

• Host: GitHub
• URL: https://github.com/sandeepvashishtha/wanna-date
• Owner: SandeepVashishtha
• License: mit
• Created: 2024-03-16T11:47:34.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-28T14:45:41.000Z (9 months ago)
• Last Synced: 2024-04-28T15:40:24.843Z (9 months ago)
• Topics: animation, animation-css, collaborate, communityexchange, css, github-campus-experts, github-pages, html, interactive, student-vscode, web, web-application
• Language: HTML
• Homepage: https://wannadate.social/
• Size: 6.96 MB
• Stars: 9
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Project Title: Wanna Date?

This project is a playful and interactive web application that presents a unique dating invitation. The main feature is a digital card that flips open to reveal a message asking the viewer, "Wanna Date?" when hovered over.

![Screenshot one of the project](src/assets/Screeshot-one.png)

![Screenshot two the project](src/assets/Screenshot-two.png)

## Technologies Used

- HTML

- CSS

## Features

- Interactive card that flips open on hover

- Custom Google Fonts for typography

- Full-page background image for enhanced visual appeal

## How to Use

1. Visit [wannadate.social](http://wannadate.social) or clone the repository to your local machine.

2. If cloned, open the `index.html` file in your web browser.

3. Hover over the card to reveal the message.

## Future Enhancements

- Add more interactivity, such as animations or sound effects.

- Make the card customizable so users can input their own messages.

- Improve responsiveness for better display on various screen sizes.

## License

This project is licensed under the MIT License - see the LICENSE.md file for details.