Return to home

EL Online Connect

The EOC dashboard.

Project Overview

El-Online Connect is a project management system for electrical installations, built with modern web technologies. The system manages electrical installation projects, including meter readings, issue tracking, and installer coordination.

Key Features Implemented

Project Management System

  • Project creation and structure management
  • Real-time progress tracking
  • Project status management (active/completed)

Installation Tracking

  • Hierarchical structure
  • Meter reading management
  • Progress monitoring

Issue Management System

  • Multi-level issue tracking
  • Issue resolution workflow
  • Status tracking and notifications

Installer Portal

  • Custom interface for installers
  • Real-time progress updates
  • Issue reporting and resolution

Technical Contributions

Frontend Development

  • Built a responsive web application using React and Next.js
  • Implemented a comprehensive UI component system using:
    • TailwindCSS for styling
    • Radix UI for accessible components
    • React Hook Form for form management
    • TanStack Query (React Query) for data fetching
  • Created dynamic data tables with filtering and sorting capabilities

Backend Development

  • Developed a type-safe API using tRPC for end-to-end typesafety
  • Implemented a robust database schema using Prisma ORM
  • Created comprehensive data mapping and validation layers
  • Built authentication and authorization systems

Architecture & Infrastructure

  • Designed and implemented the database schema with MySQL
  • Set up and configured VPS hosting environment
  • Configured Nginx for production deployment
  • Implemented CI/CD workflows

UX/UI Design

  • Designed an intuitive user interface for both administrators and installers
  • Implemented responsive layouts for mobile and desktop usage
  • Created consistent design patterns across the application
  • Developed user-friendly navigation and workflow patterns

Database Management

  • Designed and implemented complex database relationships
  • Created efficient queries and data access patterns
  • Managed database migrations and schema updates
  • Implemented soft deletion for data integrity

DevOps & Infrastructure

  • Set up and configured VPS environments
  • Implemented logging and monitoring systems
  • Configured reverse proxy and SSL
  • Managed deployment processes and updates