Skip to content

feat: Mini Product List - React Challenge#12

Open
merakleee wants to merge 1 commit into
MicroClub-USTHB:webfrom
merakleee:merakleee/frontend-1
Open

feat: Mini Product List - React Challenge#12
merakleee wants to merge 1 commit into
MicroClub-USTHB:webfrom
merakleee:merakleee/frontend-1

Conversation

@merakleee

Copy link
Copy Markdown

📌 What I Built

A mini e-commerce product listing app built with React fundamentals.

✅ Features Implemented

  • Dynamic product rendering from a local data array
  • Stock status handling (Out of Stock, Low Stock badge)
  • Fully working cart system (add, remove, increase, decrease quantity)
  • Cart item count displayed in Navbar
  • Total price calculated and displayed in Cart
  • State lifted up to App.jsx and passed down via props

⚛️ React Concepts Used

  • useState
  • Props
  • Conditional Rendering
  • Lifting State Up
  • Component Architecture

🗂️ Components

  • Navbar.jsx
  • ProductCard.jsx
  • Cart.jsx

🧪 How to Run

npm install
npm run dev

@merakleee merakleee changed the base branch from main to web February 25, 2026 22:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant