PicPrice is an AI-powered web application that allows users to upload or take a picture of a product and instantly search for its average price across multiple online platforms.
-
🔍 Image-Based Price Search
Upload an image or use your device camera to find product prices instantly. -
🧠 AI-Powered Product Recognition
Utilizes AI to identify products from images. -
💾 Search History
View and reprocess your past searches. -
❤️ Wishlist
Save your favorite products to your personal wishlist. -
👤 User Accounts
Firebase Authentication for secure sign-in and sign-up.
- Frontend: React, Tailwind CSS
- Backend: Firebase (Authentication, Firestore, Storage, Hosting, Vertex AI)
- AI Integration: Gemini AI
- Routing: React Router
- Search: Programmable Search Engine (CSE)
https://picprice-73be9.web.app/
# Clone the repository
git clone https://github.com/your-username/picprice.git
# Navigate into the project folder
cd picprice
# Install dependencies
npm install
# Start the development server
npm run dev
# Folder Structure
src/
├── assets/ # Static assets (icons, logos, images)
├── components/ # Reusable UI components (e.g., Sidebar, Buttons)
├── hooks/ # Custom hooks (e.g., auth context)
├── layout/ # Layout UI (mainLayout, loginLayout)
├── pages/ # Route pages (Home, Search, Wishlist, etc.)
├── services/ # Firebase config
├── index.css # Tailwind v4.1 config
└── main.jsx # Entry point
From Arjuna and Team <3