Vigcheck

Backend Developer

Full-stack platform with pixel-perfect UI and real-time admin panel

2022•6 months
ReactReduxNext.jsTypeScriptTailwind CSSNest.jsMongoDBSocket.ioAWS
backend
V
vigcheck

Vigcheck

Full-stack platform with pixel-perfect UI and real-time admin panel

ReactReduxNext.jsTypeScriptTailwind CSS
Explore →

Problem Solved

Replaced a sprawl of internal Google Sheets and ad-hoc admin scripts with a single real-time admin panel — giving operations one source of truth backed by Nest.js APIs and Socket.io live updates.

Overview

  • •Created pixel-perfect UI based on Figma designs
  • •Used Nest.js for efficient and scalable backend
  • •Built component-based architecture for reusability
  • •Developed admin panel for complete data management
  • •Implemented Socket.io and multiple third-party API integrations

Key Skills Demonstrated

Nest.js Backend ArchitectureComponent-Based Frontend DesignPixel-Perfect Figma ImplementationReal-Time Event Streaming (Socket.io)Third-Party API AbstractionAdmin Panel UXRedux State Management

Challenges

  • •Achieving pixel-perfect implementation from Figma
  • •Building scalable admin panel
  • •Integrating multiple third-party services

Solutions

  • •Meticulously matched Figma designs with responsive implementation
  • •Built modular admin panel with role-based access
  • •Created abstraction layer for third-party API management

Key Achievements

  • Built a modular admin panel with role-based access for ops, support, and engineering
  • Created an API abstraction layer that consolidated multiple third-party integrations
  • Delivered pixel-perfect parity with Figma across desktop and tablet breakpoints
  • Pushed live data updates to admins via Socket.io, replacing manual refresh

Tech Stack

Frontend

ReactReduxNext.jsTypeScriptTailwind CSS

Backend

Node.jsNest.jsExpressSocket.ioMongoDBAWS

Deployment

Deployed on AWS with Nest.js backend and MongoDB database

Third-Party Integrations

Socket.ioMultiple 3rd party APIsAWS