SaadBilal / test-product

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Product Page Web Application

Overview

This project is a web application that consists of a frontend built with React and a backend built with Node.js. The primary goal of this application is to create a simple product page that displays essential product information, including the product name, title, price, description, image, and an "Add to Cart" button. Additionally, the application includes a menu bar to enhance the overall user experience and make it look like a legitimate product page.

Features

  • Frontend:

    • Built with React
    • Utilizes a design library (Material UI, Chakra UI, etc.) for styling and components
    • Displays a product page with the following details:
      • Product name
      • Product title
      • Price
      • Description
      • Image
      • "Add to Cart" button (non-functional)
    • Includes a menu bar for navigation and aesthetics
  • Backend:

    • Built with Node.js
    • Provides a RESTful API
    • Returns basic product information to the frontend
    • Handles data fetching on the frontend

Getting Started

Follow these steps to set up and run the project locally:

Prerequisites

  • Node.js (version 10 or higher)
  • npm (Node Package Manager) or Yarn

Installation

  1. Clone this repository to your local machine:

    git clone https://github.com/your-username/product-page-app.git

About