javascriptTailwind CSSinteractive

The Love Meter

By Laraib Rabbani
Picture of the author
Published on
Duration
3 days
Role
Interactive
love meter
love meter
love meter Website
love meter Website

https://thelovemeter.vercel.app

This interactive experience is a nostalgic tribute to the Love Meter app that I created back in 2013, a fun and playful way to gauge compatibility. Users can enter their zodiac sign and their crush's sign to receive a compatibility score. The app's retro aesthetic combines bright, bold colors with a dash of whimsy, recreating the charm of the original

Technical Details

  • Functionality: Users input their zodiac signs, and the app calculates a compatibility percentage based on a predefined algorithm.
  • Design: A vibrant and colorful interface with a touch of nostalgia, blending retro elements with modern web development techniques using HTML, CSS, and JavaScript.

Overall Aesthetic:

  • Color Scheme: Bright and bold colors with a hint of playfulness, capturing the lighthearted spirit of the original app.
  • Design Approach: A balance of simplicity and interactivity, making the experience both fun and engaging for users.

Laraib Rabbani Newsletter

Want to Stay Connected With Brown?
The best articles, links and news related to web development delivered once a week to your inbox.