Display the currency exchange values. Choose the currency values pair to be displayed within the buttons options.
- Responsive view
- Reusable presentational components
- Use of 3 different APIs to calculate the average value for the chosen currency exchange.
This project was created with:
- React.js: Using create-react-app, an integrated toolchain with Babel and Webpack, for single page apps.
- axios: Promise based HTTP request library.
- Material-ui: Design component framework, for design and styling components in React.
- PropTypes: Typechecking the types passed in the props object against a specification we set beforehand.
This project uses the Presentational and Container Component pattern, for better separation of concerns of the components.
To better view of the app a deployed version is live on Netlify: Check it out: https://cocky-beaver-805ca4.netlify.app/
Download or copy the repository main branch.
First install all dependencies packages with:
npm install
To start the project locally on Port 3000:
npm start
To build the project, use npm script:
npm run build