LoveCalculator

This project is Love Calculator.It is written by me.It is just a fun don't take the serious.

Description

I developed this project for practise Angular and SCSS.

• This project was generated with Angular CLI version 14.1.1.
• I developed with animation,creative button and text box.
• I didn't use third party library like bootstrap,Angular material etc.,
• I use simple javascript function and @keyframes in css for animation.
• I use media query for responsive.
• I use ReactiveFormsModule

Installation

• Run npm install to install all the required dependencies.

• Need to add the your X-RapidAPI-Key in Httpheaders.I used the free API from The Love Calculator From Rapid API to calculate the love match percentage.

  

Then run ng serve to start a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Screenshots & Overview

Refrence Here

Heartbeat Animation with pure css using @keyframes