Checkout page

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Table of Contents
• Overview
  • Desktop
  • Mobile
  • Built With
• Features
• How To Use
• Acknowledgements
• Contact

Overview

Desktop

Mobile

Built With

• HTML: HyperText Markup Language | MDN
• CSS: カスケーディングスタイルシート | MDN
• Node.js: 18.7.0
• Vite | 次世代フロントエンドツール: 3.0.7
• Sass: Syntactically Awesome Style Sheets: 1.54.8

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given 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

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/r1cep/dev-challenges-checkout-page

# Install dependencies
$ pnpm i

# Run the app
$ pnpm dev

Acknowledgements

☺️

Contact

• GitHub @r1cep