Sofas King is a high-performance, full-stack e-commerce platform built with a modular architecture. The project focuses on maximizing processing speed through Groq AI, securing the ecosystem with Vercel Middleware, and elevating the visual experience with 3D UI components.
- Website: https://public-gamma-brown.vercel.app/
- Demo Video: https://youtu.be/KDoMIuZI0E4
- Technical Post: https://dev.to/duc_minh_5efc9fed22cc63ea/how-i-built-a-secure-72-module-e-commerce-platform-with-firebase-at-age-14-3mbd
- Groq AI Engine: Integrated Groq AI to handle natural language processing with high-speed execution and higher rate limits, ensuring near-instant responses.
- Automated Moderation: Leverages Groq AI to scan and moderate comment content automatically before it reaches the backend, maintaining a healthy community environment.
- Vercel Edge Middleware: Implemented a middleware layer running on Vercel’s Edge Network to intercept and validate requests before they hit the backend.
- Security Layer: Secured critical operations such as username changes and comment posting via server-side verification.
- Custom API Rate Limiting: Built a robust rate-limiting system for comments, profile updates, and AI requests to prevent spam and DDoS attacks.
- 3D Design Integration: Upgraded the user interface with 3D design elements, providing a modern, immersive, and tactile feel for furniture products.
- Responsive Architecture: Optimized 3D assets to ensure smooth performance across all devices and screen sizes.
- Smart Shopping Cart: Optimized data synchronization using Firestore Cloud.
- Secure Transactional Flow: Multi-step checkout process featuring Google Re-authentication.
- Real-time Tracking: Instant order status updates powered by Firestore listeners.
- Live Dashboard: Real-time monitoring of orders, user activity, and community comments.
- Access Management: Instant account locking capabilities to mitigate fraudulent behavior.
- Frontend: HTML5, CSS3, JavaScript (ES6+), 3D Design components.
- Backend & Middleware: Vercel Serverless Functions, Edge Middleware.
- AI: Groq AI Cloud API.
- BaaS: Firebase (Authentication, Firestore).
- Security: API Rate Limiter, Firebase Security Rules.
Client Request: User interacts with the 3D interface.
Middleware Validation: Vercel Middleware checks permissions and Rate Limits.
AI Processing: Groq AI validates content integrity (for comments/usernames).
Database Sync: The backend confirms the request and commits data to Firestore.
User Interface (3D) --> Vercel Middleware (Rate Limits) --> Groq AI (Moderation) --> Backend/Firestore
- api: contain backend and middleware security files
- public: contain frontend files:
- html/: Static page structures.
- js/: Modular logic system (70+ files) integrating Groq APIs and Middleware.
- css/: Custom Bootstrap styling and 3D component CSS.
- img/: Image assets and 3D model resources.
Developed by: [duck.sssop0356@gmail.com] I am a 14-year-old developer passionate about building secure and high-performance web solutions.