The GlobeTrotters app provides the user with the ability to search details about about any country. The app provides the user with details like the Capital, Number of new covid cases (api.covid19api.com), population (), Weather (api.openweathermap.org), Country data(Json-File), and image(api.flickr.com).
The app can be extended to include other information like flight details, best times to visit and key landmarks.
Link to code : TBC
Clone the repo
git clone https://github.com/thomasptharakan/globetrotters.git
Navigate to the cloned folder
To install dependencies run
npm i
To execute the code start
npm start
The following mockup provides an overview of the output html generated:
├── public
│ └── index.html
│ └── manifest.json
│ └── favicon.ico
├── src
│ └── assets
│ | └── data
│ | └── country-data.json
│ | └── images
│ | └── amar.png
│ | └── GT_Screen.png
│ | └── TT.png
│ | └── waseem.png
│ └──Components
│ | └── Covid.js
│ | └── Image.js
│ | └── LocationCard.js
│ | └── MainPage.js
│ | └── NavBar.js
│ | └── NavPage.js
│ | └── Poulation.js
│ | └── Stats.js
│ | └── TeamCard.js
│ | └── Weather.js
│ └──Pages
│ | └── About.js
│ | └── Home.js
│ | └── Results.js
│ └── App.js
│ └── index.css
│ └── index.js
│ └── projects.json
├── .gitignore
├── LICENSE
├── package-lock.json
├── package.json
└── README.md
└── tailwind.config.js
To view the application, please visit [https://theglobetrotters.netlify.app](https://theglobetrotters.netlify.app.
Licensed under the GPL license