microsoft / microsoft/GitHubCopilot_Customized

Missing page: Checkout (/checkout)

Open
#22 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
66
Forks
38
Avg merge
21d 15h
Merged PRs (30d)
1

Description

Problem

The /checkout route is not implemented in the application. When users try to navigate to /checkout, they see an empty page with a console warning: "No routes matched location '/checkout'"

Expected Behavior

Users should be able to complete their purchase through a checkout page that includes:

  • Order summary with items from cart
  • Shipping information form
  • Payment method selection
  • Order total with tax and shipping
  • Confirmation and submit order button

Current Behavior

  • Navigation to /checkout shows an empty page
  • Console warning: "No routes matched location '/checkout'"
  • Footer links to "Checkout" use placeholder "#" href

Acceptance Criteria

  • Create /checkout route in React Router
  • Implement Checkout component with multi-step form
  • Display order summary from cart
  • Add shipping address form fields
  • Add payment information section (can be placeholder for demo)
  • Calculate and display order total
  • Implement form validation
  • Add "Place Order" button
  • Redirect to order confirmation after successful checkout
  • Update navigation/footer links to point to /checkout

Priority

High - Required for completing the purchase flow

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the React Router configuration, cart data used for order summaries, and the footer links that currently use #. Trace how existing forms and navigation work before planning the checkout flow. Done means /checkout supports the listed form, validation, totals, order submission, confirmation redirect, and updated links.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, payments, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.