AntonellaM / upplication-coding-test-angular

Upplication coding test - Carousel and progress bar exchange section:

Upplication Coding Test

This is a simple Angular 7 app comprising:

• A header with a navigation bar, icons provided by FontAwesome
• A points-exchange section including a carousel of exchange cards and two action buttons
• A footer including Terms and Conditions

Libraries used

• Ngx Bootstrap for the Carousel and Progress Bar components
• FontAwesome for the usage of SVG icons

Documentation used

• Angular 7 documentation: https://angular.io/
• Ngx Bootstrap: https://valor-software.com/ngx-bootstrap/#/
• How to deploy an Angular 7 app to Github Pages: https://medium.com/code-sketch/how-to-deploy-an-angular-7-app-to-github-pages-9427b609645f

Styles considerations

The application layout for this coding test has been conceived for the usage of the App in mobile phones. Thus, in order to visualise the content correctly, you can:

1. Use a navigator extension to preview mobile telephones layout such as Mobile Browser Emulator (https://chrome.google.com/webstore/detail/mobile-browser-emulator/lbofcampnkjmiomohpbaihdcbjhbfepf?hl=es-419)

2. Use the device toolbar of your browser developer tools

Run the project

In order to previsualize the project, you can just check the following link: (https://antonellam.github.io/upplication-coding-test-angular/)

For further information about coding style and practises, you should:

• Clone this repository
• Run:

npm install ng serve --open

Enjoy the app!