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.
- 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.
- Framework: Next.js
- Styling: Tailwind CSS
- Language: JavaScript
- Components: React
- Icons: React Icons
- Carousel: React Slick
To get a local copy up and running, follow these simple steps.
You need to have Node.js and npm installed on your machine.
- Clone the repo
git clone [https://github.com/krishkaiser11/pixelrig-ecommerce.git](https://github.com/krishkaiser11/pixelrig-ecommerce.git)
- Navigate to the project directory
cd pixelrig-ecommerce - Install NPM packages
npm install
- Run the development server
npm run dev
Open http://localhost:3000 with your browser to see the result.