Setapak - AI E-Commerce Platform
Responsive web-based e-commerce platform with AI-powered features
Overview
For the final project in my Framework Programming course, I developed a responsive, web-based e-commerce platform using React. The application integrates AI-powered features to improve the online shopping experience, such as image recognition and automated size estimation.
Problem & Objective
Conventional e-commerce platforms often face challenges like inaccurate sizing and manual product search. This project aimed to enhance usability and convenience by incorporating intelligent tools to assist users in finding and selecting the right products more efficiently.
My Contribution
- Built the entire front-end architecture using React, applying modular and responsive design principles
- Integrated AI-based image recognition to allow users to search for products via photos
- Implemented an AI-driven size estimation tool to recommend ideal sizes based on user inputs or photos
Features
- AI-powered image recognition for product search
- Automated size estimation based on user photos
- Responsive design for all devices
- Product catalog with filtering and sorting
- Shopping cart and checkout flow
- Modern, intuitive user interface
- User authentication and profiles
Challenges
Integrating AI capabilities for image search and size estimation while maintaining fast load times. Implemented efficient API calls and optimized image processing.
Outcome
Delivered a fully functional AI-enhanced shopping experience within academic scope. Improved user navigation and product discovery through visual search.
Impact
Demonstrated practical application of AI in e-commerce. Improved product discovery through visual search capabilities.
Tech Stack
React · JavaScript · Tailwind · AI · E-Commerce