/feb-24-hackathon-love-riot

This is Love Riot Hackathon project for February 2024 by Team 7 Cupid & Co.

Primary LanguageHTML

CI logo

Love Riot 💘 by Cupid&Co

Intro

In the name of all things RoMaNcE this Valentine's February, The Love Riot web app showcases the Love Compatibility Calculator. Based on zodiac star sign compatibility, users can calculate a potential compatibility score with their partner or crush and send the results on by email.

Compatibility scoring is displayed as a percentage match of the astrological star-signs of each person - adapted from numerologysign.com!


Showcase

Am I Responsive?

The Am I Responsive? link can be found here - Am I Responsive?

A deployed link to the live website can be found here Love Riot


Site Goals

Problem Statement

When it comes to the complexities of love and relationships, many people 'look to the stars' in order to analyse the potential of a budding romance between two people. We decided to build our Valentine's themed application as a Love Compatibility Calculator which is both fun to use and shares some insights into the compatibility of the astrological star-signs.

Objectives

In the spirit of Valentine's day, our objective was to create a functioning love compatibility calculator game which displays a percentage compatibility score after the user has input two names and two zodiac star-signs.

Target Audience

The target audience of this game is anyone interested in learning about astrolgical star-sign compatibility in romantic relationships. It can also be played as a light hearted game for all ages, especially around Valentine's Day, where the results can be forwarded to friends (or a crush) by email.

User Requirements and Expectations

  • Simple and intuitive user interface
  • Explanation of how the site works is easy to understand
  • Calulator game works as expected and is fun to play
  • Clear presentation of the content
  • Option to learn more about the page / access help with knowing which star-sign to choose
  • Design that is visually attractive
  • Accessibility
  • Features and navigation system works as expected

User Stories

As a user I would like:

  • to understand what the app is about and how to use it.
  • to calculate a love compatibility score using the interactive calculator on screen.
  • for the animation and scoring to appear smoothly and accurately.
  • to have some help with choosing the correct star sign for myself or my crush.
  • to navigate through the elements of the game / website easily
  • the option to access more information about the app and Cupid&Co.
  • to enjoy the experience of using the site with a visually appealing format.

Benefits

Features

Brand Identity

Brand name and Logo options:

Byline:

Colour palette:

Tech

  1. HTML,
  2. CSS,
  3. Javascript,
  4. Bootstrap,

You can access our project on GitHub here

Known Issues

Credits

The following resources were used: 1.

The Cupid & Co Team: