About this Project
Background & Goals
Pinnacle is a modern e-commerce platform designed to provide an intelligent and personalized shopping experience. Built to handle modern retail requirements, Pinnacle integrates personalized recommendations, an AI customer support chatbot, robust admin controls, and high-performance image delivery.
Key Features & User Flows
- Product Browsing & Filtering: Search, filter, and explore products by categories, gender, price range, and attributes.
- AI-Driven Personalization: Smart recommendation algorithm suggesting products tailored to individual user preferences and browsing behavior.
- AI Chatbot Support: Interactive assistant built directly into the store to answer customer queries and guide purchase decisions.
- Comprehensive Admin Dashboard: Full administrative suite to manage inventory, product catalogs, customer orders, categories, and users.
- Stripe Checkout & Authentication: Secure JWT user authentication combined with Stripe payments for fast and safe transactions.
Architecture & Design Decisions
- Full-Stack Next.js Engine: Leveraged Next.js App Router and API routes connected to MongoDB for a single unified codebase.
- Media Delivery & Caching: Integrated Cloudinary CDN for responsive image transformations alongside custom request deduplication middleware.
Challenges Solved
- Performance Optimization: Implemented custom middleware caching layers and image CDN optimization to maintain low latency across product listings.
Technologies Used
Next.jsReactTypeScriptTailwind CSSMongoDBStripeCloudinaryJWT