Available for New Projects

BUILDINGDIGITALINDUSTRIAL

I'm Natnael Darsema. A Full-Stack Developer engineering performance-first web applications with Next.js, specialized in scalable architecture and tactile user interfaces.

Scroll

01.Selected Infrastructure

A collection of high-end engineering products focused on scale, tactile performance, and solving complex architectural challenges.

class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } } class AtlasHospital { constructor() { this.status = "production"; this.stack = ["Angular 21", "Spring Boot", "PostgreSQL", "Tailwind CSS", "JWT"]; } render() { return this.metrics; } }
Architecture:Full-Stack
Security:JWT+NFC

Atlas Hospital

State-of-the-art medical management platform featuring secure Spring Boot backend, Angular 21 frontend, and 3D NFC card verification logic.

View Project
class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } } class MesobHelpDesk { constructor() { this.status = "production"; this.stack = ["React 19", "Material-UI", "Node.js", "Express", "MongoDB", "Socket.IO"]; } render() { return this.metrics; } }
Architecture:Multi-tenant
Resolution:Real-time

Mesob Help Desk

A comprehensive IT support ticket management system built for multi-tenant organizations with multi-role support and real-time features.

View Project
class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } } class KarisFurniture { constructor() { this.status = "production"; this.stack = ["Next.js", "TypeScript", "Supabase", "Tailwind CSS", "Framer Motion"]; } render() { return this.metrics; } }
Performance:99/100
User Flow:Seamless

Karis Furniture

A premium furniture e-commerce platform blending high-end aesthetics with seamless full-stack functionality using Next.js and Supabase.

View Project
class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } } class EventEase { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "Tailwind CSS"]; } render() { return this.metrics; } }
Lighthouse:98/100
Tickets Sold:10k+

Event Ease

A revolutionary MERN-stack platform designed to streamline event discovery and management with real-time updates and secure ticketing.

View Project
class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } } class Gebeya { constructor() { this.status = "production"; this.stack = ["React 18", "Vite", "Tailwind CSS", "Node.js", "Express", "MongoDB", "Context API", "Stripe"]; } render() { return this.metrics; } }
Vendors:500+
Users:25k+

Gebeya

Modern E-Commerce Platform for agricultural products facilitating trade between rural wholesalers and urban customers, featuring a MERN-based logistics system.

View Project
class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } } class WarkaAcademy { constructor() { this.status = "production"; this.stack = ["MongoDB", "Express", "React", "Node.js", "TypeScript", "Redis"]; } render() { return this.metrics; } }
Courses:50+
Students:2k+

Warka Academy

A comprehensive school management system designed to streamline institutional workflows, student management, and financial tracking.

View Project

02.Core Stack

A dynamic look at the languages and technologies I leverage to build high-performance industrial software.

Primary Languages // Registry

TypeScript

Senior

JavaScript

Senior

Go (Golang)

Basics

Python

Intermediate

C++

Intermediate

Java

Basics

Frontend Architecture

Next.jsReactAngularTailwind CSSFramer MotionRedux/Zustand

Backend Engineering

Node.jsExpressSpring BootPHPPrisma/DrizzlePostgreSQL/MongoDB/Supabase

Mobile & Specialized

React NativeExpoFirebaseEdge FunctionsAI/ML (Basics)

System & Infra

DockerVercelGitHub ActionsGoogle CloudCI/CD Pipelines