/devchallenges-checkout-page

Primary LanguageTypeScript

Checkout Page

Checkout Page

Solution for a challenge from devChallenges.io.

Demo | Solution | Challenge

Table of Contents

  • Overview
    • Built With
  • Features
  • Contact

Overview

Screenshot:

  • Live demo can be found here: https://devchallenges-checkout-page-zeta.vercel.app
  • The webpage was relatively easy to develop using Angular framework.
  • I used Angular 11, HTML5, SCSS, CSS Grid and media queries to make the page responsive for mobile devices.

Built With

Features

This webpage was created as a submission to a DevChallenges (https://www.devchallenges.io/challenges) challenge. The challenge (https://devchallenges.io/challenges/0J1NxxGhOUYVqihwegfO) was to build a webpage that satisfies the following user stories:

  • User story: I can see a page following the given design
  • User story: I can input email, phone, full name, address, city, country, and postal code
  • User story: I can input the number of items
  • User story: I can select at least 3 countries from the dropdown
  • User story: When I click submit button or press enter, I can see a warning if validation fails
  • User story: When I click submit button or press enter, I can see a successful alert if validation succeeds

Contact