# Hasnat Hassan **Junior Web Developer | Full-Stack & Frontend Engineer** 📍 Haripur, Khyber Pakhtunkhwa, Pakistan 📞 +92 3079114060 | ✉️ [hasnathassan397@gmail.com](mailto:hasnathassan397@gmail.com) 🌐 [Portfolio](https://www.hasnat-hassan.me/) | 💼 [LinkedIn](https://linkedin.com/in/hasnat-hassan-b13850331) --- ## 📌 Professional Summary Junior Web Developer with **2+ years of experience** delivering scalable, responsive, and high-performance production web applications using **React.js, Next.js, TypeScript, and PostgreSQL**. Proven track record of end-to-end engineering—from database schema design with **Drizzle ORM** and REST API development to containerized cloud deployments via **Docker** and **Coolify**. Creator and core contributor to open-source developer tools and custom headless CMS solutions. Skilled in translating complex Figma designs into pixel-perfect interfaces and optimizing engineering workflows with modern AI development tools. --- ## 🛠️ Technical Skills & Tools * **Languages:** HTML5, CSS3, JavaScript (ES6+), TypeScript * **Frontend Frameworks & UI:** React.js, Next.js (App Router, SSR/ISR/SSG), Tailwind CSS, SASS, Framer Motion, GSAP, ShadCN UI, Material UI * **Backend & APIs:** Node.js, REST APIs, JWT Authentication (RBAC), Server Actions * **Databases & ORMs:** PostgreSQL, MySQL, MongoDB, Drizzle ORM, Prisma ORM, Supabase * **DevOps, Cloud & Deployment:** Docker, CI/CD Pipelines (GitHub Actions), Hetzner Cloud, Coolify, Vercel, Reverse Proxies & SSL Configuration * **CMS & Tools:** Nextly CMS, Strapi CMS, Git, GitHub, Postman, Figma, Chrome DevTools, Cursor IDE --- ## 💼 Work Experience ### **Junior Web Developer** | *Revnix* — Haripur, Pakistan **August 2024 — Present** | *Full-time* * Architected and shipped multiple client-facing production web applications using **Next.js, TypeScript, and PostgreSQL with Drizzle ORM**—owning schema migrations, API design, and full frontend implementation. * Built and maintained **Nextly CMS**, an open-source headless CMS featuring collection-based content modeling, Lexical rich-text editing, and custom REST API endpoints—replacing third-party SaaS dependencies for client deployments. * Containerized production applications with **Docker** and deployed them to **Hetzner Cloud via Coolify**, configuring reverse proxies, automated SSL certificates, and zero-downtime health checks. * Established automated **CI/CD pipelines using GitHub Actions** to streamline testing, building, and deployments across staging and production environments. * Designed and normalized multi-tenant PostgreSQL database schemas, implementing row-level access control patterns and optimizing complex query performance. ### **Web Development Intern** | *Revnix* — Haripur, Pakistan **February 2024 — July 2024** | *Internship* * Translated high-fidelity **Figma** designs into pixel-perfect, highly responsive UI components using **React.js, Next.js, and Tailwind CSS**. * Integrated backend REST APIs and database workflows (**Supabase, MongoDB**) into frontend applications, robustly managing loading states and error boundaries. * Contributed to active client platforms by resolving production bugs, enhancing mobile performance, and participating in Agile sprints and Git code review workflows. --- ## 🚀 Key Professional & Open-Source Projects ### **Rext AI** | *SaaS Content Automation Platform* | [rext.ai](https://rext.ai) * Engineered a full-stack AI-powered SEO content automation platform with multi-client workspaces that automates keyword research and one-click 2,000+ word article generation. * Built with **Next.js, TypeScript, Node.js, and PostgreSQL**; implemented proprietary E-E-A-T optimization engines and automated publishing integrations for WordPress, Webflow, and Ghost CMS. ### **Nextly Framework & CMS** | *Open-Source Headless CMS* | [nextlyhq.com](https://nextlyhq.com) * Developed an open-source, type-safe Next.js application framework offering a dual approach—define schemas in code-first TypeScript or visually via an integrated Admin UI builder. * Integrated **JWT authentication with RBAC**, Drizzle ORM database adapters (PostgreSQL, MySQL, SQLite), media library with multi-cloud storage support (S3, Cloudflare R2, Vercel Blob), and lifecycle event hooks. ### **21st Century Equipment & The Backyard** | *Enterprise Dealership Platforms* | [21stcenturyequipment.com](https://21stcenturyequipment.com) / [thebackyard.com](https://thebackyard.com) * Developed enterprise agricultural dealership and consumer retail platforms featuring advanced equipment inventory filtering, interactive map store locators, e-commerce storefronts, and yard demo scheduling systems. * Powered by **Nextly CMS** and PostgreSQL with server-rendered pages optimized for maximum SEO performance and mobile usability. ### **CodexSpot** | *AI Developer Tool Directory* | [codexspot.com](https://codexspot.com) * Built a curated catalog of AI developer tools and **Model Context Protocol (MCP)** servers featuring setup guides, configuration snippets, and an interactive client-side developer utility suite (DevToolkit). ### **JSON to TOON** | *Open-Source LLM Optimization Tool* | [jsontotoon.com](https://jsontotoon.com) * Created a fast client-side utility that converts JSON into TOON serialization format, reducing LLM token consumption by **30-60%** across GPT, Claude, and Gemini API calls, complete with official SDKs in JS/TS, Python, Go, and PHP. --- ## 🎓 Education ### **Bachelor of Science in Software Engineering** *(In Progress)* *Virtual University of Pakistan* | **April 2025 — Present** * Focusing on full-stack software engineering, database systems architecture, and secure, scalable software design. ### **Diploma of Associate Engineering (DAE) in Information & Communication Technology** *Construction Technology and Training Institute (CTTI)* | **August 2020 — June 2023** * Covered core fundamentals in computer programming, networking, system maintenance, and web development. --- ## 🌍 Languages * **Urdu:** Native * **English:** Professional Working Proficiency (B2)