Skip to content

cavidk/fetch_products-task

Repository files navigation

Test-Project

🚀 How to Run Locally

  1. npm install
  2. npm run dev

🔹 Backend (Node.js / Express) Set up a simple Express server with one route:

GET /api/products Returns a JSON array of 10–20 hardcoded product items

🔹 Frontend (React) Product grid layout (2–3 columns)

Each product shows image, name, and price

Fetch data from /api/products

Display a loading spinner while fetching

Handle empty or error state with a friendly message

💡 Bonus (if time allows) Add "Add to Cart" buttons (no cart logic required)

Use TailwindCSS or any styling method

Deploy via Vercel, Netlify, or share via GitHub

⚙️ Tech Requirements Frontend: React (preferably Vite or CRA)

Backend: Node.js + Express

No DB needed – use hardcoded product data

Optional Styling: TailwindCSS / CSS Modules / Bootstrap

🕒 Time Limit Total Duration: ~30 minutes

Find and fix any parts of this project that are not implemented.

Keep it simple, clean, and functional

Releases

No releases published

Packages

No packages published