- the project showing some information about all countries in the world using REST Countries API
- See all countries from the API on the homepage
- Search for a country using an input field
- Filter countries by region
- Click on a country to see more detailed information
- Click through to the border countries on the detail page
- Click on Icon Mode to change into (dark, light) mode with save mode by localStorage
-
Make sure you have nodejs, git and Angular CLI installed in your machine
-
copy this link and past it in your terminal
git clone https://github.com/asem1789/world-around-angular.git
-
Then Open the project and install all packages this project:
cd world-around-angular npm i
-
Run the project by this command ng serve -o, will automatically open http://localhost:4200/ in your default browser, if not. copy it and past in any favorite browser
Note: all below command after using npm i
- run these tests using below command
ng test
2-INTEGRATION TESTS: using cypress
npm run cy:run
or
./node_modules/.bin/cypress run
To open test by browser and show steps of process:=> using this command, then you can choose run only test or all with other respectively. Look at image
npm run cy:open
Or
./node_modules/.bin/cypress open
- using Angular to write html and js code
- css
- Angular materil