Stage 1: Core, integration with Carstore API and B2C showcase
This is the most resource-intensive stage, as the entire architecture (Next.js + Backend layer + DB) and synchronization with the external API are laid out here.
Tasks for the first stage:
1. Design and setup of the environment: Deployment of the Frontend architecture (Next.js/React) + Backend layer (Node.js/Laravel) + DB (PostgreSQL).
2. Basic integration with Carstore API: Setting up authorization, obtaining tokens. Development of methods for retrieving products, prices, and stock (source of truth — Carstore).
3. Implementation of B2C Catalog: * Display of a multi-brand catalog.
• Setting up the filtering system (Brand -> model -> year, Category, Price, Availability).
• Search by name and article number.
4. B2C product card: Display of data (name, photo, article number, compatibility), pulling the current price and availability from the API.
5. Order placement (B2C): Implementation of cart logic, order placement form, and basic sending of the created order back to the Carstore API.
Result of stage 1: A fully functioning online store for the regular retail customer. Data is pulled from the API, orders are sent to the API.
Stage 2: B2B functionality, Personal account and Admin panel (Amount: balance)
Here we layer specific functionality on top of the already working core.
Tasks for the second stage:
1. B2B user account: Registration, authorization.
2. Complex B2B logic:
• Individual prices (requesting discounts from the API for a specific user).
• "Order history" section and statuses.
• "Repeat order in 1 click" functionality.
• Quick order placement.
• Generation and downloading of invoices (PDF).
3. Administrative part:
• User and B2B client management.
• Management of website pages.
• SEO setup.
4. Optimization and finalization: Setting up caching (Redis), email notifications, final speed testing and responsiveness for mobile devices.