GDKYD – Dynamic Website Management Dashboard

A modern, full-featured admin dashboard built for GDKYD, a global industrial machinery manufacturer, enabling dynamic management of website content such as products, portfolios, news, and banners — all powered by the MERN stack.

From: 2024-02-04

To: 2024-06-06

Client:Tech Vixo

Budget:$ 1800

About Project:

Project Overview:

The GDKYD Dashboard is a dynamic CMS (Content Management System) developed to manage the official GDKYD corporate website, which showcases industrial and medical machinery. This dashboard allows administrators to easily update and control all website sections — including products, banners, portfolio, news posts, and contact messages — through a clean, intuitive interface.

The goal was to build a centralized content control system that simplifies updates, eliminates manual editing, and ensures fast, secure, and seamless data synchronization between the dashboard and the main website.

My Role:

As a Full-Stack MERN Developer, I designed and developed the entire admin dashboard from scratch. My responsibilities included frontend and backend development, REST API creation, JWT authentication, and MongoDB integration. I also focused on making the interface responsive, visually consistent, and optimized for performance and security.

Technologies Used:

Frontend: React.js, Tailwind CSS
Backend: Node.js, Express.js
Database: MongoDB
Additional Tools: Mongoose, JWT Authentication, Axios, Cloudinary

Key Features:

⚙️ Dynamic CMS: Manage all website content including Products, Portfolio, News, and Banners.
🧑‍💼 User Authentication: Secure login system using JWT for admin protection.
📈 Dashboard Overview: Displays total visits, new products, latest blogs, and updates in real-time.
🧩 Modular Management: Each section (Products, About Us, Portfolio, News) is individually editable.
📬 Message Management: View and handle messages received through the contact form.
🌐 Multi-language Support: Built for both English and Chinese website versions.
💻 Responsive UI: Fully optimized for desktop and mobile screens.
🚀 Performance Optimized: Efficient API architecture with minimized load time.

Deployment:

The GDKYD Dashboard and the main website were both deployed on a VPS server with Nginx as a reverse proxy, MongoDB Atlas for database hosting, and SSL security for safe access.