Pixel-To-Product is a 3D Full Stack Single Page Application (SPA) that allows users to view products in 3D, customize them in real-time, and make purchases directly through the platform.
- 3D Product Viewing: View products from all angles in a dynamic 3D environment.
- Real-time Customization: Customize products with various options such as colors, materials, and designs.
- Secure Checkout: Integrated secure payment gateway for seamless purchase transactions.
- User Authentication: User registration and authentication system for personalized experiences.
- Frontend: React.js, Three.js (for 3D rendering), Tailwind CSS (for styling)
- Backend: Laravel, MySQL
- Payment Gateway: Stripe (or other payment services)
- Deployment: Vercel & Hostinger
To run Pixel-To-Product locally, follow these steps:
- Clone the repository:
git clone (https://github.com/JoyDhar32/Pixel-To-Product) cd pixel-to-product
cd frontend npm install
cd ../backend npm install 3. Set up environment variables:
Create a .env file in the server directory for environment variables such as database connection string, Stripe API keys
-
Start frontend (runs on http://localhost:5173)
cd frontend npm start
Start backend (runs on http://localhost:8000)
cd ../backend npm start