kjsubodh / gaming-pc-builder- Goto Github PK

Gaming-PC-Builder

Hey Guys! A newbie here, trying to learn web development.

Overview

This is an e-commerce app made using React, HTML, and CSS ONLY (no backend yet). You can use this app to choose different parts to build your gaming PC and get the total cost in an invoice in INR (Indian Rupees).

Features

Build your own gaming PC by selecting various parts. Buy individual gaming PC parts like GPU, CPU, Motherboard, etc. Purchase pre-built gaming PCs. Buy gaming accessories such as Mic, Earphones, Mice, Webcam, and Monitor. Dummy payment options (non-functional). Printable invoice/bill.

Disclaimer

This project is an attempt to understand and learn web development better. Initially, I intended to implement the backend to make it a full MERN stack application, but due to time constraints, it’s front-end only.

Installation

Clone the repository: git clone https://github.com/KJSubodh/Gaming-PC-Builder-.git

cd Gaming-PC-Builder-

Install dependencies: npm install

Install Babel and other dev dependencies:

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/preset-react

npm install --save-dev webpack webpack-cli webpack-dev-server babel-loader

Install React and React DOM:

npm install react react-dom

Start the development server:

npm start

Some Screenshots of the webapp