alexdisdier / currency-converter

This is a Currency Converter Web Application built with React.js

Synopsis

This is a Currency Converter Web Application built with React.

Usage example

See demo - https://alexdisdier.github.io/currency-converter/

✅ Functionalities

• Simultaneously converts any currency available in the dropdown.
• Validation message in case the user enters a non number character.
• Round up to the 3 decimals.
• Use of a Currency Rates API called data.fixer

🚧 Functionalities

• Use Heroku to bypass http and making the api accessible.
• Make it more mobile friendly and turn it into a web app.

Directory Structure

currency-converter
├── public
├── src
│   ├── assets
│   │   ├── css
│   │   ├── img
│   │   ├── resources
│   ├── components
│   │   ├── Card
│   │   ├── Footer
│   │   ├── Header
│   │   ├── Logo
│   │   ├── Menu
│   │   └── Title
│   ├── Validation
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── serviceWorker.js
├── .gitignore
├── package-lock.json
├── package.json
├── README.md
└── screenshot.jpg

Running the project

Clone this repository :

git clone https://github.com/alexdisdier/currency-converter.git

cd currency-converter

Start the server:

npm start

Build the project

npm run build

Built With

• html
• css
• JavaScript
• React.js
• Create React App

Acknowledgments

• This project was bootstrapped with Create React App.
• Deploy React to github pages codeburst
• Based on XE currency design.