minhvo.vercel.app

Sat Sep 30 2023

MID Dashboard

MID Dashboard

NextJS

Redux

AWS

GraphQL

SCSS

Dashboard

Pagebuilder

Administrative dashboard simplifying website configuration for customers

Overview

MID Dashboard is an administrative interface designed to simplify website configuration for customers. The project aims to provide a streamlined alternative to Magento's admin interface by focusing on essential features and improved user experience.

Key Features

  • Intuitive administrative interface
  • Simplified website configuration
  • Core UI components
  • Magento function adaptation
  • GraphQL integration through AWS AppSync

Technical Stack

Frontend

  • NextJS for the framework
  • Redux for state management
  • SASS and styled-components for styling

Cloud Infrastructure

  • AWS S3 for storage
  • AWS Map integration
  • AWS AppSync for GraphQL

Implementation Details

  • Custom UI component library
  • Magento function adaptation
  • Enhanced user experience
  • RESTful to GraphQL migration
  • AWS AppSync integration

Role & Responsibilities

  • Designed and built core UI components
  • Implemented Magento function adaptations
  • Developed new user experience features
  • Led GraphQL migration through AWS AppSync
  • Maintained and optimized codebase

Screenshots


MID Dashboard
MID Dashboard
MID Dashboard
MID Dashboard
MID Dashboard