3# Engineer Challenge - Product Management App

This is a Next.js project designed to manage products, including features like product listing, detailed product views, inventory management, and image uploads.

Features

• Product Listing: Displays a list of products with filtering and sorting options.
• Product Details: View detailed information about a product, including a carousel for images.
• Inventory Management: Update stock quantities via a modal interface.
• Image Upload: Upload multiple product images with validation for file size and type.
• Responsive Design: Fully responsive layout using Tailwind CSS.

Project Structure

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/BoaMos/engineerchallengeboagomos.git
   cd engineerchallengeboagomos
   

First, run the development server:

#Install dependencies
npm install 

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!