Where in the World

Challenge

Build a project, and uses the REST Countries API to get country data and display it ,use the Angular 2+ TypeScript framework/library on the front-end

Solution

• Where In The World App

User Stories

As an user

• I can see all countries from the API on the homepage
• I can search for a country using an input field Filter countries by region
• I can click on a country to see more detailed information
• I can click through to the border countries on the detail page
• I can toggle the color scheme between light and dark mode
• I can create an account and store my information
• I can sign in by email and password
• I can continue to sign in with google

Set up a local version of the project

• git clone https://github.com/ranasobeid95/countries-app.git
• cd /countries-app
• npm i
• Run ng serve for a dev server. Navigate to http://localhost:4200/.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

• Run ng test to execute the unit tests via Karma.

Tech Stack

• Angular
• Angular Material
• Firebase
• CSS