Infrastructure Overview

HIMARPL leverages modern cloud infrastructure to build reliable, scalable, and maintainable applications.

Core Projects

Our main projects follow a consistent architecture pattern:

• Devoria - Main organization website
• Admin Portal - Internal admin dashboard

Three-Layer Architecture

Each project implements a three-layer architecture:

1. Frontend Layer (React)

Modern UI built with:

• 🎨 TailwindCSS - Utility-first styling
• 🧩 Shadcn/UI - Reusable components
• ✨ Framer Motion - Smooth animations
• 🔄 Axios - Data fetching

2. Middle Layer (T3 Stack)

Type-safe backend integration using:

• TypeScript - Type safety
• Next.js - React framework
• tRPC - End-to-end typesafe APIs
• Drizzle - Database ORM
• NextAuth - Authentication

3. Backend Layer (Next.js API Routes)

Server-side logic with:

• Analytics proxy (PostHog integration)
• tRPC Router - API endpoints
• tRPC Procedures - Business logic
• @tRPC Next - Next.js integration

Shared Infrastructure

Core services used across all projects:

Database (Turso)

• Distributed SQL database
• Handles cross-project data

Rate Limiting (Upstash)

• Redis-based rate limiting
• API rate limiting

Event-Specific Projects

We maintain lightweight projects for events and temporary needs:

• mabim-himarpl - Student orientation sites

These use a simplified frontend-only stack:

• Next.js + React
• TailwindCSS styling
• Shadcn/UI components
• Framer Motion animations

Deployment

We use Vercel for deployment with:

• 🚀 Automated production deployments
• 🔍 Preview deployments for PRs
• ⚡️ Edge Functions support