A modern eCommerce platform for a Ukrainian pharmacy chain with phone-based Sign In/Up via Silpo API, user dashboard with orders, bonuses, and favorites, and full-featured product catalog with reviews, Q&A, filters, and discounts. Includes cart with promo logic, Nova Poshta delivery, Silpo payments, React Leaflet map, SEO (feed/sitemap), analytics, and optimized performance.

All the Things I Did:

Authorization & Registration:
1. Sign In / Sign Up via phone number using a custom API integrated with the Silpo system (Ukrainian product)

User Dashboard:
1. View, edit personal information, and deactivate account
2. View order history
3. Track current order statuses and cancel orders
4. Saved items (favorites)
5. View bonus points

Catalog & Products:
1. Product categories and subcategories
2. Filtering and sorting products (by price, rating, options, etc.)
3. Product detail page with description, price, specifications, photos, videos, similar products, stock availability, and delivery methods
4. Several product page layout options for standard products and special branded pages
5. Reviews and Q&A functionality on the product page
6. Display of discounts and labels (e.g., new, bestseller)
7. Commenting with star rating and reCAPTCHA support
. Breadcrumb navigation on the product page

Cart & Checkout:
1. Add / remove products from the cart
2. Change product quantity, including support for multiple units (e.g., a medication package that can be ordered as full packs and individual blister packs)
3. Promo codes, bonus system, and discount calculation based on cart conditions (e.g., discount Y for order total over X)
4. Choose delivery and payment methods (3 delivery options, 2 payment methods)
5. Integration with Nova Poshta API to retrieve cities and pickup locations

Payment System:
1. Integration with payment gateways (Silpo)
2. Handling successful / failed payments
3. Payment history available in the user dashboard

General:
1. Server-side rendering (Next.js)
2. Responsive and cross-browser layout
3. Styling using Tailwind CSS
4. Accessibility features for users with disabilities
5. Pharmacy map implemented using React Leaflet

Marketing:
1. Dynamic generation of feed.xml
2. Dynamic generation of sitemap.xml
3. Google Analytics integration
4. GMT Events integration for key user actions (e.g., adding to cart, product views, checkout, adding to favorites, quantity changes, site page visits)
5. Website speed optimization (all key metrics score 90+ in PageSpeed Insights and Lighthouse)
6. Metadata configuration