In this project, I have created a full website application from the currency app that I have created on the two project. This website is fully responsive and it is also using the React Router to its navigation. This webapp is also using API Frankfurter and Rest Countries APIs. I also sketched designed the app using Figma.

View it live from your browser. Deployed with Firebase
Watch Short Video Clip

Things I learned in this project;

• How to sketch design a website using figma.
• How to build a fully responsive website.
• How to use React Router.
• How to query data from a third party library using axios with the async and await promise.
• How to pass states aroun the application without any redux.

References:

• Figma
• Rest Countries
• API Frankfurter
• Axios
• Async and Await
• Javascript Promises
• State and Lifecycle

Download the repo with:

$ git clone https://github.com/Aimanski12/ReactJS_Projects/tree/proj20 proj-name

After downloading the repo you can cd into the proj-name and then open up your console and type

$ git branch proj19
$ npm install

then run the application with the live-server or you can type;

$ npm start

All the assets are already included so you can run the application and it will work.

If you find bugs with this project, pull requests are always welcome. You can create an issue here. Your ✨ are also greatly appreciated.

If you want to know my JS project you can see it here

Aimanski.

Copyright © 2019, Aimanski12. Released under the MIT License.