Skip to content

A love calculator hybrid mobile application made in React Native using Love Calculator API.

Notifications You must be signed in to change notification settings

Haseeba393/loveCalculator

Repository files navigation

Love Calculator application in React Native

Preview

You can preview the live demo of this repo here:
https://youtu.be/xk4mh184brg
If you like the demo, please hit subscribe and press the bell icon for more demos, tutorials and guidance in React Native.

Installation

You have to perform these steps to successfully run this code on your side.
Setting Up Accout on Rapid API
We will use Love Calculator API avaiable on Rapid API. Before using the Love Calculator API we need api key from Rapid API which we can get after signup. Its totally free of cost.
  1. Go to this URL https://rapidapi.com/ajith/api/love-calculator
  2. Press Signup button on top right corner and provide your details
  3. After successfully signup, you will be able to test the endpoints on the Love Calculator API on the browser
  4. In the center section of the API documention, you will see X-RapidAPI-KEY, which you need in code
  5. Copy the API key and paste it in Calulate.js
Setting up code
  1. Download or pull this repo on your side
  2. Open terminal and navigate to your downloaded folder
  3. Run this command npm install inside the folder, to install all required dependencies for Android
  4. Run this command cd ios && pod install inside the folder, to install all required dependencies for iOS (only Mac Users)
  5. Then setup account Rapid API website by following above given instructions and paste the API key in Calculate.js
  6. To run the application on Android, run this command react-native run-android
  7. To run the application on iOS, run this command react-native run-ios

Introduction

A love calculator hybrid mobile application made using React Native and Love Calculator API.

Features

User can enter his/her name along with his/her loving person to find the love percentage between each other.

Dependencies

The application is using React Native Lottie as a dependency to show animation in Result.js.
Please follow this guide https://github.com/react-native-community/lottie-react-native to install the dependency successfully on your side

Message

If you like the repo. Please hit the star. Also if you want more animations, tutorials and help in any other aspect of React Native you can ping me on my Email or onmy Youtube Channel. Happy coding

About

A love calculator hybrid mobile application made in React Native using Love Calculator API.

Resources

Stars

Watchers

Forks