world-of-nations
World of nations is a beautiful, totally responsive web app made with React and Redux where you can consult a list of metrics and info about the countries of the world.
Table of Contents
About
World of nations is a beautiful, totally responsive web app made with React and Redux where you can consult a list of metrics and info about the countries of the world, achieved by fetching the REST countries API with a beautiful frontend mosaic design. You can search by country name and the results will come up as you type. By clicking on any country, you can view its info.
Desktop view
Homepage desktop
Country view desktop
Small devices view
Homepage and country view small screens
Tablets view
Homepage and country view tablets
Features video
https://www.loom.com/share/94307a4dd903485cb31a063b0efe72a6
Demo
Made with
- Javascript
- Webpack
- React
- Redux
- Twitter Bootstrap
- CSS3
- HTML5
Future Updates and Roadmap
- More general styling
- Categorization
- Covid-19 live data (extra API)
Getting Started
To get a local copy up and running follow these simple example steps:
- Under the repository name, click the Clone or download green button.
-
Copy the URL given by clicking the clipboard button
-
Open a terminal window in your local machine and change the current directory to the one you want the clone directory to be made.
-
Type git clone and then paste the URL you previusly copied to the clipboard
-
Change the current directory to the newly created folder
-
In your terminal,
npm installto install the dependencies. -
Now run
npm startand the app should appear on your browser.
Author
Miguel Tapia
- Github: @meltrust
- Linkedin: linkedin
- Or talk to me directly at: [email protected]
Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a if you like this project!
Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
License
This project is MIT licensed.
