Ibsa Abera
Open to opportunities

Hi, I'm Ibsa Abera —

I turn ideas into fullstack web products people actually use.

MERN developer who started in frontend and grew into building complete applications. I connect polished React interfaces with secure Node/Express APIs and MongoDB — focused on clean UX, dependable backends, and shipping real products.

View my workContact meResume
GitHubLinkedIn

11+

Projects built & shipped

MERN

Primary stack

3

Live fullstack products

4

Backend APIs designed

Ibsa Abera portrait

Product-minded UI

React interfaces that stay clear, responsive, and easy to use across devices.

Reliable APIs

Express services with authentication, validation, and practical backend structure.

Connected data

MongoDB-backed workflows designed around how the product actually operates.

Current Stack

Frontend craft backed by real fullstack implementation.

React
Node.js
Express
MongoDB
Tailwind
JavaScript
Ibsa Abera at work

Now focused on

Fullstack web products with React, Node, Express, and MongoDB.

About Me

From frontend beginnings to fullstack product building.

I began by building portfolio sites, landing pages, and UI-heavy React projects. That foundation still shapes how I work — I care about clarity, usability, responsiveness, and the small details that make an interface feel finished.

I now build across the MERN stack, connecting React clients with Express APIs, MongoDB-backed features, authentication flows, dashboards, and admin tools that work cleanly from database to UI.

I'm strongest in projects where product thinking and code quality meet: turning a practical need into an interface, workflow, or service layer that people can actually use.

Frontend Engineering

Responsive React interfaces with clean component architecture, smooth motion, and polished UX using Tailwind CSS.

Backend Services

RESTful APIs with Node.js and Express, featuring secure authentication, role-based access, input validation, and maintainable architecture.

Database Design

MongoDB schema design with relational thinking, optimized data flow, and backend logic built around real product requirements.

Fullstack Delivery

End-to-end MERN products connecting React clients to Express APIs, with state management, dashboards, and production deployment.

How I Can Help

Build and deploy complete MERN applications — from database schema to polished UI

Design secure REST APIs with JWT auth, role-based access, and real-time updates

Turn rough ideas into clean, production-ready interfaces people actually enjoy using

Collaborate closely, communicate clearly, and ship iteratively based on real feedback

Download Resume
Projects

Work that shows what I can build, ship, and deliver.

From polished React interfaces to secure REST APIs and complete MERN products — each project represents real problem-solving, not just code exercises.

UI Engineering

Frontend

4 projects

React interfaces built for real use — responsive, interactive, and designed to feel finished.

My-Estate
FrontendLive project
Featured

Conversion-focused real estate landing page

My-Estate

A polished property landing page built for high-conversion presentation. Responsive layout, strong hero storytelling, and a smooth flow from first impression to contact — designed to feel like a real product, not a tutorial project.

ReactTailwind CSSMotionToastify
Responsive property-first marketing UI with mobile-first layout
Smooth page transitions and animated content reveals
Complete conversion path: hero → features → contact form
Source CodeLive Demo
Online Code Editor
FrontendLive project

Browser-based multi-language coding environment

Online Code Editor

A browser-based coding environment for quick experimentation. Supports multiple languages with real-time execution via the Piston API and a clean, focused interface.

ReactChakra UIPiston APIToastify
Clean editor UX optimized for focus and speed
Multi-language support with real-time code execution
Clear error feedback and execution state management
Source CodeLive Demo
Movie App
FrontendLive project

API-driven media discovery interface

Movie App

A movie discovery app powered by the TMDB API with search, favorites, and clean card-based browsing. Persistent local storage keeps favorites between sessions.

ReactCSSTMDB APILocal Storage
Instant search with dynamic filtering across genres
Persistent favorites using localStorage for returning users
Trailer integration and rich metadata display
Source CodeLive Demo
Addis Ababa Centered Map
FrontendLive project

Location-aware map interface for local users

Addis Ababa Centered Map

An interactive map centered on Addis Ababa with practical search and place discovery UX, built with Leaflet and OpenStreetMap for context-specific local use.

ReactLeafletOpenStreetMapCSS
Place-focused UI with Addis Ababa-specific context
Interactive map with responsive search and fast feedback
Foundation for future geolocation-driven products
Source CodeLive Demo

API & Server Builds

Backend

4 projects

Node.js + Express APIs powering authentication, real-time events, QR systems, and complete order lifecycles.

E-commerce Backend
BackendBackend project
Featured

Complete REST API for products, cart & orders

E-commerce Backend

A production-style e-commerce backend using MVC architecture. Features product CRUD with filtering, cart management with stock validation, and automated order processing with inventory updates — built for a GDG project.

Node.jsExpressMongoDB AtlasMVC
Product CRUD with category and price-range filtering
Cart with per-item stock validation and quantity control
Automated order flow: calculates total → reduces stock → clears cart
Source CodeNo Live Demo
Dynamic QR Attendance API
BackendPrivate repo

Secure attendance backend with time-limited QR and device binding.

Dynamic QR Attendance API

Server layer for a MERN attendance system where teachers generate session-based QR codes and students scan to mark presence. Device fingerprinting prevents proxy attendance by binding each scan to a verified device.

Node.jsExpressMongoDBJWTQR
Time-limited QR code generation per session
Device binding logic to block proxy attendance
JWT-secured teacher and student role separation
Source CodeNo Live Demo
University Restaurant API
BackendBackend project

Full-featured ordering backend with student ID verification.

University Restaurant API

A Node.js/Express REST API powering a university food ordering system. Students register and verify their ID before browsing menus, managing carts with custom instructions, placing orders, saving favorites, and leaving reviews.

Node.jsExpressMongoDBJWTRefresh Tokens
JWT access + refresh token auth with Student ID format validation
Admin verification gate before students can place orders
Cart with special instructions, favorites, reviews, and order status lifecycle
Source CodeNo Live Demo
FuelPass Backend
BackendHackathon project

AI-powered QR fuel distribution API — GDG Hackathon.

FuelPass Backend

Server-side engine for FuelPass, a hackathon fuel distribution system. Manages vehicle QR codes, AI-assisted quota tracking, real-time Socket.IO updates for station dashboards, and full CRUD for registrations and transactions.

Node.jsExpressMongoDBSocket.IOAI
Dynamic QR generation tied to vehicle and quota records
Real-time socket events for live station updates
AI-assisted fraud detection and quota distribution logic
Source CodeNo Live Demo

Complete MERN Products

Fullstack

3 projects

End-to-end applications used by real people — from hackathon builds to Telegram-powered storefronts.

FuelPass
FullstackLive · Hackathon project
Featured

AI-powered QR fuel distribution platform

FuelPass

A fullstack MERN system built at a GDG hackathon to modernize fuel distribution. Citizens register vehicles and receive QR codes for real-time allocation at fuel stations. AI logic prevents quota abuse and surfaces anomalies on a live dashboard.

ReactNode.jsExpressMongoDBSocket.IOAI
QR-based vehicle identity and fuel quota enforcement
Live station dashboard with Socket.IO real-time updates
AI-assisted fraud detection built under hackathon time pressure
Source CodeLive Demo
Dynamic QR Attendance System
FullstackLive project
Featured

Secure attendance platform with device-bound QR codes

Dynamic QR Attendance System

A secure fullstack application where teachers generate session-based QR codes and students mark attendance by scanning. Device binding ties every scan to a verified physical device — eliminating proxy attendance without extra hardware.

ReactNode.jsExpressMongoDBJWTQR
Time-limited QR codes regenerated per session by teachers
Device fingerprint binding prevents credential sharing
Role-separated dashboards for teachers and students
Source CodeLive Demo
ShopSync
FullstackLive Project
Featured

Telegram-powered e-commerce storefront

ShopSync

A MERN e-commerce platform using Telegram as its CMS. Shop owners post products to their channel, and a bot automatically syncs them to the live storefront. Purpose-built for small businesses already posting & selling products on Telegram.

ReactNode.jsExpressMongoDBTelegram Bot API
Telegram channel acts as the product management backend
Bot auto-syncs new posts to the live store in real time
Full cart, order, and storefront UX — no separate admin panel
Source CodeLive Demo
Contact

Let's build something useful and sharp.

I'm open to freelance work, internships, and collaborations where thoughtful UI, dependable backend work, and clear communication matter.

Location

Addis Ababa, Ethiopia

Online

GitHubLinkedInEmail me

Send a Message

Tell me what you're building.

Share the product idea, workflow, or feature you need help with. I'll reply with a clear next step as soon as I can.