🛍️ SmartX - Frontend Smart AI-Enabled Marketplace Platform | Built with React.js + Tailwind CSS SmartX is a modern, fully responsive, and AI-powered local marketplace web application that connects community-based buyers and sellers in a simple, secure, and intelligent environment. This repository contains the complete frontend of the SmartX platform, built using React.js and Tailwind CSS, and deployed on Vercel.
✨ Key Features
- 🏠 Dynamic Home Page - Category-based navigation (Cars, Bikes, Properties, Electronics, Mobiles, Jobs, Furniture, Fashion) with an image carousel and real-time product grid
- 🔍 Live Search - Instant search suggestions appear as the user types, with a full Search Results page
- 📦 Product Listings - Detailed product cards showing image, price (₹), description, location, and date posted
- 📝 Post Your Ad (Sell) - A clean listing form with AI-powered auto-fill for product name and description using a sparkle icon
- 🤖 Zara — AI Chatbot - An intelligent assistant (powered by the Grok API via the backend) accessible from any page via the robot icon, providing real-time platform guidance
- 💰 AI Fair Price Checker - An "Is this a fair price?" button on every product detail page to help buyers make smarter decisions
- 💬 In-App Messaging - Real-time chat between buyers and sellers directly within the platform — no personal contact details required
- ❤️ Wishlist - Save and manage favourite product listings with a heart icon
- 👤 User Profile & Dropdown Menu - Quick access to Chat, Settings, My Products, Help, and Log Out
- 📱 Fully Responsive - Optimized for desktops, tablets, and mobile devices with a hamburger menu and adaptive grid layout
🛠️ Tech Stack
| Technology | Purpose |
|---|---|
| React.js | Component-based UI development |
| Tailwind CSS | Modern, dark-themed responsive styling |
| React Hooks (useState, useEffect) | State management and real-time UI updates |
| Axios | HTTP requests to the backend REST API |
| Vite | Fast development and build tooling |
| Vercel | Frontend deployment and hosting |
🔗 Links
- 🌐 Live Demo: https://smart-x-front-end.vercel.app
- 🔧 Backend Repository: https://github.com/Zoya-Sk/SmartX-BackEnd
🚀 Getting Started
# Clone the repository
git clone https://github.com/Zoya-Sk/SmartX-FrontEnd.git
# Navigate to the project directory
cd SmartX-FrontEnd
# Install dependencies
npm install
# Start the development server
npm run dev
📌 Note
This is the frontend part of the SmartX project. The backend (Node.js + Express.js + MongoDB Atlas + Grok API) is maintained in a separate repository and deployed on Render.
Developed by Zoya Shaikh | BSc-IT, Semester VI | SNDT Women's University, Mumbai | 2025–2026