NICE GADGET

Nice Gadget is a modern online shop for tech gadgets, designed to provide a smooth and intuitive user experience. This project showcases the core features of a typical e-commerce application with a focus on clean UI/UX and well-structured code.

Key Features

• Home Page — serves as a welcoming entry point with general store info and promotional offers.

• Product Catalog — organized by categories: smartphones, tablets, and smartwatches.

• Product Detail Page — opens after clicking on a product. Here users can:

  • Choose a gadget color

  • Select memory size

  • View product specifications

  • Add the item to the shopping cart or favorites list

Tech & Code Structure

• Modular code structure — components are isolated, reusable, and easy to maintain.

• Modular styling — styles are scoped to components, avoiding conflicts and improving clarity.

• Responsive design — looks great on both desktop and mobile screens.

Technology

• HTML
• CSS(Sass)
• React with TypeScript

LINK TO PREVIEW

Nice Gadget preview

Project Setup Instructions

Prerequisites

Ensure you have the following installed:

• Node.js: Version 20.17.0

Steps to Run the Project Locally

1. Clone the Repository

   Open your terminal and execute the following command:

   git clone <repository-url>

   Replace <repository-url> with the actual URL of the repository.

2. Navigate to the Project Directory

   cd <project-directory>

   Replace <project-directory> with the name of the cloned repository folder.

3. Install Dependencies

   Use the following command to install all required packages:

   npm install

4. Start the Development Server

   Run the project with the following command:

   npm start

5. Access the Application

   Once the server is running, open your browser and navigate to:

   http://localhost:3000
   

END