The project is a web application with information about countries all around the world. You can select an available region of the world or search for the specific country directly. The project is made using React, React Router and Styled components. The project use REST Countries API. The project based on Frontend Mentor Challenge.
You can open and use the app by countries-wiki app link.
The project has multilayer structure:
cypress
- used to keep UI and API testspublic
- used to keep static content for buildsapi
- used to keep API calls functionalityassets
- used to keep static contentcomponents
- used to keep react componentshooks
- used to keep hooksstyles
- used to keep stylestypes
- used to keep TypeScript common typesutils
- used to keep utils for helping
The project has the next dependencies in the package.json file.
- Clone project to your PC by the following command:
git clone https://github.com/andreynav/countries-wiki.git
- Open the root directory and enter the following command:
yarn
- In the root directory create
.env
file and add inside it a rowPORT=3002
(or any desired port).
To run project, open the root directory and enter the following command:
yarn start
The command runs the app in the development mode. Open http://localhost:3002 to view it in your browser.
To run tests first you need to run the project and after that open the root directory and enter the following command:
npx cypress open
You also can run test via command line interface:
yarn cy-all-cli
See available running scripts in package.json script section.
The project is open source software provided under the Apache License 2.0.