ArunrajMK / Currency_Exchange_Assignment

Currency Exchange Interview Assignment

Currency Exchange Assignment

It took 12 hrs to complete the assignment, which is completly functional and have used the Chakra Ui to make the assignment much better.

Demo

https://currency-swart.vercel.app

API Reference

Get all items

  GET (https://api.apilayer.com/currency_data/live?base=USD&apikey={})

Parameter	Type	Description
api_key	string	Required. Your API key

Get item

  GET (https://api.apilayer.com/currency_data/live?base=USD)

Parameter	Type	Description
id	string	Required. Id of item to fetch

Deployment

Use the link to check the assignment

 https://currency-swart.vercel.app

Features

• Light/dark mode toggle
• Live previews
• Sign Up page
• Sign In page
• Currency Page

Color Reference

Color	Hex
Example Color	#0a192f
Example Color	#f8f8f8
Example Color	#00b48a
Example Color	#00d1a0

🛠 Skills

React, HTML, CSS, Chakra Ui.

Installation

Install my-project with npm

  npx create-react-app "currency"
  cd currency
  npm i react-router-dom@6
  npm i axios
  npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6
  

Documentation

Documentation