DovaTonic – B2B E-Commerce & Admin Dashboard

Project Overview:

DovaTonic is a complete B2B e-commerce solution developed for a China-based manufacturer and global supplier. The platform connects businesses directly with producers, offering affordable bulk products across multiple industries — from electronics and beauty care to industrial tools and custom clothing.

To ensure efficiency and scalability, the system includes a custom-built admin dashboard (CMS) that allows administrators to manage products, categories, orders, blogs, and website content dynamically. The frontend focuses on user experience and smooth product inquiries, while the backend is optimized for performance, security, and data integrity.

My Role:

As a Full-Stack MERN Developer, I developed both the customer-facing e-commerce website and the admin dashboard. My responsibilities included:

• Designing the UI/UX from a Figma file and inquiry flow.
• Building backend APIs for managing products, categories, and customer messages.
• Implementing secure authentication for admin users.
• Integrating inquiry and contact systems for direct business communication.
• Managing deployment on a secure VPS server with optimized database performance.

Technologies Used:

• Frontend: Next.js, Tailwind CSS, Redux
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT (JSON Web Tokens)
• Hosting: VPS (Ubuntu + Nginx)
• Other Tools: Axios, Cloudinary, Mongoose ORM

Key Features:

• 🛍️ Dynamic Product Management: Add, edit, or delete products from the admin panel.
• 💬 Inquiry System: Users can send direct product inquiries for custom or bulk orders.
• 📦 Category Management: Organize products into multiple categories (Electronics, Fitness, Beauty, etc.).
• 📰 Blog Management: Add and manage blog posts about company updates or industry insights.
• ⚙️ Content Management: Update About, Contact, and other static pages dynamically.
• 🔐 Admin Authentication: Secure dashboard access using JWT-based login.
• 📊 Dashboard Overview: Visual summary of orders, inquiries, and recent updates.
• 📱 Responsive Design: Optimized for mobile, tablet, and desktop views.
• 🌍 SEO Optimized: Fast-loading and search-friendly architecture.

Deployment:

The platform and admin dashboard were deployed on a VPS server using Nginx as a reverse proxy. The backend connects to a MongoDB Atlas database, and SSL encryption ensures secure user interactions.