Skip to content

krishkaiser11/pixelrig-ecommerce

Repository files navigation

PixelRig E-Commerce ๐ŸŽฎ

A front-end e-commerce website for a fictional gaming laptop store named PixelRig. This project was originally based on a Udemy course and has been completely redesigned with a new dark theme, brand identity, and product focus to create a unique portfolio piece.


โœจ Features

  • Dark, Modern Theme: A sleek "gaming" aesthetic built with a custom dark theme.
  • Built with Next.js: Utilizes the Next.js 14 App Router for a modern, fast, and scalable front-end.
  • Styled with Tailwind CSS: All styling is done directly with Tailwind CSS utility classes for a consistent and maintainable design system.
  • Fully Responsive: The layout is designed to work seamlessly on all devices, from mobile phones to desktop monitors.
  • Dynamic Components: Features a homepage with a product carousel, a grid of featured products, and a testimonial section.

๐Ÿ› ๏ธ Tech Stack


๐Ÿš€ Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You need to have Node.js and npm installed on your machine.

Installation

  1. Clone the repo
    git clone [https://github.com/krishkaiser11/pixelrig-ecommerce.git](https://github.com/krishkaiser11/pixelrig-ecommerce.git)
  2. Navigate to the project directory
    cd pixelrig-ecommerce
  3. Install NPM packages
    npm install
  4. Run the development server
    npm run dev

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

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors