Indian PC Builder 🖥️

PC Builder Demo

Overview

Indian PC Builder is a comprehensive, interactive web application designed to help users build custom PCs tailored to the Indian market. With a wide selection of components from CPUs and GPUs to peripherals like keyboards, mice, monitors, and audio devices, users can create their dream setup with real-time visualization and compatibility checking.

Features

📋 Component Selection

• Browse and select from a wide range of PC components including:
  • CPUs & Motherboards
  • GPUs & RAM
  • Storage & Power Supplies
  • Cases & Cooling solutions
  • Peripherals (Mouse, Keyboard, Monitor, Audio)
• All components are sourced from the Indian market with accurate pricing

🔍 Real-time Compatibility Checking

• Ensures all selected components work together
• Warns about potential compatibility issues

🖼️ Interactive 3D Visualization

• Real-time visual representation of your build
• Animated highlighting when selecting components

💰 Dynamic Price Calculation

• Real-time budget tracking
• Total cost calculation as you build

💾 Build Management

• Save multiple PC configurations
• Export builds as PDF for easy sharing or printing
• Load and modify previous builds

Technologies Used

• React: Front-end framework for building the user interface
• TypeScript: For type-safe code
• Three.js/React Three Fiber: For 3D rendering of PC components
• TailwindCSS: For responsive, beautiful UI design
• Shadcn UI: For consistent design system components
• jsPDF: For PDF export functionality

Installation

# Clone the repository
git clone https://github.com/davesohamm/indian-pc-builder.git

# Navigate to project directory
cd indian-pc-builder

# Install dependencies
npm install

# Run the development server
npm run dev

Usage

1. Select Components: Use the component selector to browse and choose PC parts
2. Check Compatibility: The system will automatically verify if your selected components are compatible
3. Visualize Your Build: See a 3D representation of your PC as you build it
4. Save Your Configuration: Save your build for future reference
5. Export as PDF: Generate a PDF with your complete build specifications and pricing

Component Database

The application features an extensive database of PC components available in the Indian market, including:

• CPUs: From budget options to high-end processors
• GPUs: Various graphics cards across different price points
• Motherboards: Different form factors and chipsets
• Storage Solutions: HDDs, SSDs, and NVMe drives
• Peripherals: Extensive collection of mice, keyboards, monitors, and audio devices

Future Plans

• User accounts with cloud synchronization
• Share builds directly to social media
• Price comparison from different retailers
• Performance benchmarking estimation
• Custom PC building guides based on use case (Gaming, Productivity, etc.)

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

About the Author

Created by Soham Dave - a passionate developer and tech enthusiast with a keen interest in building practical tools for the Indian tech community.

Acknowledgements

• Thanks to all component manufacturers for their specifications
• Special thanks to the React and Three.js communities
• Tester who provided valuable feedback during development - Tanishqua Bansal.

---

© 2025 Soham Dave. All Rights Reserved.