A modern and responsive e-commerce frontend built using React.js, Redux Toolkit, Tailwind CSS, Stripe, and AI-powered product search.
🔗 Live Demo: https://owncartx.vercel.app
📦 Client Repo: https://github.com/KrGuddu/ownCartX-client
📦 Server Repo: https://github.com/KrGuddu/ownCartX-backend
📦 Admin Repo: https://github.com/KrGuddu/ownCartX-admin ==> comming soon
- Product Listing
- Product Details Page
- Category Filtering
- Pagination
- Product Search
- AI Product Search
- Shopping Cart
- Checkout System
- Order Management
- User Registration
- User Login
- Protected Routes
- Forgot Password
- Reset Password
- Stripe Payment Integration
- Secure Checkout Flow
- Fully Responsive Design
- Dark/Light Theme
- Modern UI Components
- Smooth Navigation
- Sidebar & Search Overlay
- Product Sliders & Hero Sections
- Add Reviews
- Ratings System
- Review Display
- React.js
- Vite
- Redux Toolkit
- Tailwind CSS
- CSS3
- React Router DOM
- Axios
- Stripe
- Gemini AI Search
OWNCARTX/
│
├── client/
│ ├── public/
│ │
│ ├── src/
│ │ ├── assets/
│ │ ├── components/
│ │ ├── contexts/
│ │ ├── data/
│ │ ├── lib/
│ │ ├── pages/
│ │ ├── store/
│ │ ├── App.jsx
│ │ └── main.jsx
│ │
│ ├── .env
│ ├── package.json
│ └── vite.config.js
|
├── admin/ ==> comming soon# Clone Repository
git clone <your-repository-url>
# Go to client folder
cd client
# Install dependencies
npm install
# Run development server
npm run devCreate a .env file in client root directory:
VITE_API_URL=your_backend_api_url
VITE_STRIPE_FRONTEND_KEY=your_stripe_publishable_key- Component-Based Architecture
- Reusable UI Components
- Redux State Management
- REST API Integration
- Responsive Design System
Mr. Guddu Kumar
Software Developer
🌐 Portfolio: https://krguddu.netlify.app
🐙 GitHub: https://github.com/KrGuddu
If you like this project, give it a ⭐ on GitHub!