microsoft / microsoft/GitHubCopilot_Customized

Missing page: Shopping Cart (/cart)

Open
#21 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 /cart route is not implemented in the application. When users try to navigate to /cart, they see an empty page with a console warning: "No routes matched location '/cart'"

Expected Behavior

  • Users should be able to view items they've added to their shopping cart
  • The cart page should display product details (name, image, price, quantity)
  • Users should be able to update quantities or remove items
  • Show total price calculation
  • Provide a button to proceed to checkout

Current Behavior

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

Acceptance Criteria

  • Create /cart route in React Router
  • Implement Cart component with product list
  • Show cart item count badge in navigation
  • Allow quantity updates and item removal
  • Display subtotal and total
  • Add "Continue Shopping" and "Proceed to Checkout" buttons
  • Handle empty cart state with friendly message
  • Update navigation/footer links to point to /cart

Priority

High - This is a core e-commerce feature

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 route definitions and the existing navigation and footer links that reference the cart. Trace how cart items and checkout navigation are currently represented before adding the /cart flow. Done means the route renders item details, quantity and removal controls, totals, navigation count, empty-cart handling, and the requested shopping and checkout links.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.