Skip to content
View Midnightgb's full-sized avatar
:shipit:
Coding
:shipit:
Coding

Block or report Midnightgb

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Midnightgb/README.md

πŸš€ Julian Vasquez | Full-Stack Developer & Technical Co-Lead

Typing SVG

Profile Views GitHub followers LinkedIn

πŸ‘¨β€πŸ’» About Me

class JulianVasquez {
    constructor() {
        this.name = "Julian Vasquez";
        this.role = "Full-Stack Developer & Technical Co-Lead";
        this.location = "Colombia πŸ‡¨πŸ‡΄";
        this.currentPosition = "APE SENA (Colombian Public Employment Agency)";
        this.languages = ["TypeScript", "JavaScript", "Python", "PHP", "Java"];
        this.specialties = [
            "Enterprise Monorepo Architecture",
            "Technical Leadership & Code Reviews",
            "Modern React Ecosystem (19+)",
            "Full-Stack SaaS Development"
        ];
        this.currentFocus = [
            "React 19 + TypeScript 5",
            "FastAPI + PostgreSQL",
            "CI/CD & Developer Experience"
        ];
        this.achievements = {
            packages: 9,
            applications: 4,
            migrations: 5,
            commits: "370+ (with 39.7% refactoring rate)",
            teamSize: 4
        };
    }

    getStrengths() {
        return [
            "πŸ—οΈ Monorepo architect - designed 9-package system",
            "πŸ‘₯ Technical leader - manage team of 4 developers",
            "πŸš€ Migration expert - led React 18β†’19, Vite 6β†’7, Tailwind 3β†’4",
            "πŸ’‘ Product builder - built SaaS with AI + payments"
        ];
    }
}

const julian = new JulianVasquez();
console.log("Building enterprise systems & leading teams! πŸš€");

🎯 Featured Projects

πŸ›οΈ APE SENA - Colombian Public Employment Agency Platform

[Full-Stack Developer & Technical Co-Lead]

Enterprise-scale government employment platform with 4 React applications

Tech Stack: React 19 β€’ TypeScript 5 β€’ Vite 7 β€’ TurboRepo 2 β€’ Tailwind CSS 4 β€’ pnpm 10 β€’ Storybook 8 β€’ GitHub Actions β€’ Docker

Key Achievements:

  • πŸ—οΈ Architected 9 workspace packages (@ape/ui, @ape/accessibility, @ape/maps, @ape/auth, @ape/screens, @ape/icons, @ape/layout, @ape/brand, @ape/assets)
  • πŸ‘₯ Co-lead frontend team: manage 4 developers, conduct code reviews, assign GitHub issues
  • πŸš€ Led 5 major migrations (React 18β†’19, Vite 6β†’7, ESLint 8β†’9, TurboRepo 1β†’2, Tailwind 3β†’4)
  • β™Ώ Built comprehensive accessibility system with 6 custom hooks (WCAG compliant)
  • πŸ“Š 370+ commits with 39.7% dedicated to refactoring and architecture improvements
  • πŸ“ Created 1,500+ lines of technical documentation (LIBRARIES.md, STORYBOOK.md, IMAGE-OPTIMIZATION.md)
  • ⚑ Optimized performance: lazy loading, code splitting, AVIF image migration

Responsibilities:

  • Sprint planning and GitHub project management
  • Code review and architecture decisions
  • Developer experience tooling (Storybook, CI/CD, shared configs)
  • Performance optimization and accessibility compliance

πŸ’Ό Reports Generator SaaS - Internal Tool

[Full-Stack Developer]

Complete SaaS platform for AI-powered Git repository analysis with subscription model

Tech Stack: FastAPI β€’ SQLAlchemy 2.0 β€’ PostgreSQL β€’ React 19 β€’ TypeScript β€’ Google Gemini AI β€’ Docker β€’ OAuth 2.0 β€’ JWT

Features:

  • πŸ” Multi-tenant architecture with GitHub OAuth + JWT authentication
  • πŸ’³ Payment processing system with email parsing and fuzzy matching algorithm
  • πŸ€– AI-powered report generation using Google Gemini API
  • πŸ‘₯ Role-based access control (Admin/VIP/Basic) with credit management
  • πŸ’° Subscription model
  • πŸš€ Docker Compose orchestration with systemd service + Nginx reverse proxy
  • πŸ“Š Admin dashboard with user management and payment approval workflow
  • πŸ“„ Automated DOCX report generation with custom templates

Tech Highlights:

  • Alembic database migrations
  • Pydantic 2.0 validation schemas
  • Service layer architecture (auth, payments, reports, email, Git analysis)
  • React 19 with TanStack Query and Zustand state management

🌍 Territorio Vichero - Interactive Geoportal

**πŸ”— Live Demo **

Territorial exploration platform with interactive maps and data visualization

Tech Stack: React β€’ ArcGIS Core β€’ Tailwind CSS β€’ GSAP β€’ Radix UI β€’ Vite

  • πŸ—ΊοΈ Interactive maps with ArcGIS integration
  • πŸ“Š Data visualization and territorial indicators
  • ✨ Smooth animations and modern UI/UX
  • πŸ“± Fully responsive design

πŸ• Dog grooming - Business Landing Page

Professional website with service catalog and WhatsApp integration

Tech Stack: React β€’ Tailwind CSS β€’ WhatsApp API β€’ Responsive Design

  • πŸ›οΈ Product catalog and services showcase
  • πŸ“ž Direct WhatsApp integration for inquiries
  • πŸ“ Location maps and contact forms
  • πŸ’Ό Commercial-ready solution

β˜• Le Coin Coffee Shop - E-commerce Platform

Modern e-commerce solution for coffee products with elegant design

Tech Stack: Vue.js β€’ Tailwind CSS β€’ Laravel β€’ E-commerce Features β€’ MercadoPago Gateway **πŸ”— Repository **

  • πŸ›’ Complete product catalog system
  • 🎨 Elegant and thematic design
  • πŸ“‚ Intuitive category navigation
  • πŸ’³ Shopping cart functionality

πŸ’» Tech Stack & Skills

πŸš€ Frontend Development

React TypeScript JavaScript Vue.js Tailwind CSS Vite TurboRepo Storybook

βš™οΈ Backend & Database

FastAPI Python SQLAlchemy PostgreSQL Node.js MySQL PHP

πŸ› οΈ Tools & DevOps

Docker GitHub Actions pnpm Git Postman JWT Nginx Vercel Heroku

πŸ“Š GitHub Analytics

GitHub Stats Top Languages
Wakatime Coding Stats

🐍 Contribution Snake

GitHub Contribution Snake

🎯 What I Bring to the Table

leadership:
  - "Technical co-lead managing team of 4 developers"
  - "Code review and architecture decision-making"
  - "Sprint planning and GitHub project management"
  - "Mentoring junior developers on best practices"

architecture:
  - "Designed 9-package monorepo serving 4 production apps"
  - "Led 5 major technology migrations (React, Vite, ESLint, TurboRepo, Tailwind)"
  - "Built multi-tenant SaaS with OAuth, payments, and AI integration"
  - "Expertise in performance optimization and scalability"

technical_depth:
  - "370+ commits with focus on refactoring (39.7% rate)"
  - "Modern stack expert: React 19, TypeScript 5, FastAPI, Docker"
  - "Performance optimization: lazy loading, code splitting, image optimization"
  - "Accessibility champion: WCAG-compliant system with custom hooks"

entrepreneurial:
  - "Built and monetized internal SaaS tool"
  - "Implemented payment processing with subscription model"
  - "Integrated AI for automated report generation"
  - "Product thinking: from user needs to deployment"

🌟 Let's Connect!

I'm always open to discussing technical leadership opportunities, full-stack development roles, or collaborating on innovative projects. Whether you need someone to architect scalable systems, lead engineering teams, or build products from scratch - let's talk!

LinkedIn Email


Developer Joke
πŸ’‘ "Building enterprise systems, leading teams, and shipping products. From architecture to deployment, I bring ideas to life."

Pinned Loading

  1. mercadopago-payment-gateaway mercadopago-payment-gateaway Public

    PHP 2

  2. AppVeterinaria AppVeterinaria Public

    Java 1

  3. ParkingApp ParkingApp Public

    Java 2

  4. minesweeper minesweeper Public

    Java 1