Self-initiated concept projects. Each one explores a real business problem and shows how I would solve and build it.
★ Featured01 / 06
Concept project · E-commerce
Petal & Co.
Frontend architecture and build
An online store concept for a gifting brand, exploring how to keep cart and checkout simple when stock, bundles, and delivery slots change.
Explore the concept
The problem explored
Shoppers abandon carts when checkout feels slow or confusing. Gift orders add complexity: limited stock, editable bundles, and same-day delivery slots.
The solution
A storefront where every cart edge case has a designed state, a clear delivery-slot picker, and a short checkout that works for guests and account holders.
Key features
Filterable product catalogue
Persistent cart with bundle editing
Delivery-slot picker
Guest and account checkout
Order history and reorder
Implementation
Next.js App Router with server-rendered product pages for SEO
Cart state in TanStack Query with optimistic updates
Typed, reusable components shared across catalogue and checkout
Next.jsTypeScriptTanStack QueryTailwind CSSJest
02 / 06
Concept project · SaaS dashboard
Pipeline Pro
Frontend lead and design system
A revenue analytics and admin dashboard concept for a B2B SaaS company, exploring how to put reporting and account management in one place.
Explore the concept
The problem explored
Teams often export spreadsheets to answer basic questions, and admins need engineering help to manage users and roles.
The solution
A dashboard with filtered charts and saved views for leaders, plus an admin area where non-technical staff manage users, teams, and permissions.
Key features
KPI overview and trend charts
Saved filters and date ranges
Exportable reports
User, team, and role management
Activity log
Implementation
Component library documented in Storybook
Global filters in Redux Toolkit, shared by every chart
Role-based routes and UI permissions
ReactTypeScriptRedux ToolkitRechartsStorybook
03 / 06
Concept project · Business website
Lumen Dental
Design-to-code and build
A bilingual website concept for a dental clinic, with services, dentist profiles, transparent prices, online booking, and one-tap WhatsApp contact.
Explore the concept
The problem explored
Clinics that take bookings only by phone miss patients outside opening hours, and patients want to see prices and dentists before they book.
The solution
A fast Arabic and English site with a three-step booking flow, a WhatsApp button with a prefilled message, and content the front desk can update.
Key features
Services and price pages
Dentist profiles
Three-step online booking
WhatsApp contact with prefilled message
Arabic and English (RTL)
Implementation
Next.js with right-to-left layouts from one codebase
Content managed in a headless CMS
Structured data for local search
Next.jsTailwind CSSHeadless CMSi18n / RTLWhatsApp
04 / 06
Concept project · Fundraising platform
Kindred
Product frontend and dashboard
A fundraising platform concept for charities: shareable campaign pages, a short donation flow, and an organiser dashboard.
Explore the concept
The problem explored
Organisers often run campaigns across scattered tools, and donors drop off when giving takes more than a few steps.
The solution
Campaign pages designed for sharing, suggested amounts and monthly giving, and a dashboard that shows progress and top campaigns at a glance.
Key features
Campaign builder and pages
Suggested amounts and monthly giving
Progress tracking and goals
Donor list and receipts
Campaign analytics
Implementation
Payments through Stripe Checkout
Node.js API for campaigns and donations
Accessible forms and colour contrast throughout
Next.jsTypeScriptNode.jsStripeTailwind CSS
05 / 06
Concept project · Dental SaaS product
DentraHub
Own product concept: product and frontend
My own SaaS product concept for the dental industry, bringing clinic scheduling, supplier catalogues, purchasing, and stock into one platform.
Explore the concept
The problem explored
Clinics juggle separate tools for bookings, stock, supplier orders, and lab cases, and those tools rarely talk to each other.
The solution
A multi-tenant platform where clinics, suppliers, and labs each get their own workspace on a shared data model.
Key features
Clinic scheduling and booking
Supplier product catalogues
Inventory and reorder alerts
Purchasing and orders
Role-based workspaces
Implementation
Multi-tenant Next.js frontend with role-based workspaces
NestJS API with a shared data model
One design system across every module
Next.jsReactTypeScriptNestJSTailwind CSS
06 / 06
Concept project · Real estate website
Nile Estates
Frontend build and SEO
A property website concept for a real-estate agency, with listings, map-based search, detailed property pages, and lead capture.
Explore the concept
The problem explored
Agencies often keep listings in spreadsheets, buyers can't filter by what matters to them, and enquiries get lost in a shared inbox.
The solution
Search with filters and a map view, rich property pages, a simple listings editor for agents, and lead forms routed to the right person.
Key features
Search, filters, and map view
Property pages with galleries
Listings management for agents
Lead forms and enquiry routing
SEO-friendly listing URLs
Implementation
Map search with Leaflet and clustered price pins
Filters kept in the URL, so searches can be shared
Server-rendered listing pages for search engines
Next.jsTypeScriptNode.jsLeafletTailwind CSS
//03 — Services
How I can help
01
Website development
Professional websites, redesigns, and CMS-powered sites that present your business clearly, load fast, and are easy to update.
Ideal for: companies, clinics, agencies, consultancies, local businesses
Responsive designCMS on requestSEO-friendly structurePerformance optimisation
I'm Ahmed Nour Eldin, a senior frontend engineer who builds websites and web applications for businesses in Egypt and abroad. I focus on clean architecture, design systems, and performance, and I choose the technology that fits each project.
Bring your existing Figma designs, or just an idea. I use AI-assisted design tools to explore visual directions and create UI concepts quickly, then apply my engineering experience to build a polished, responsive, working product. For specialised UX research or full brand identity, I can bring in dedicated designers.
You work with me directly: I scope the project, build it, test it, ship it, and stay around after launch.
1:1
you work directly with the developer
GMT+2
Cairo based, overlapping with EU and Gulf hours
//05 — How I work
How I approach every project
01
Direct communication
You talk to the person building your product. No account managers, no hand-offs.
02
Clear project scope
A written proposal with deliverables, timeline, and a fixed price before any work starts.
03
Engineering-led build
Typed, tested, documented code on an architecture that can grow with you.
04
Performance and maintainability
Core Web Vitals, SEO, and accessibility are part of the job, and the code stays easy to change.
05
Responsive delivery
Every layout is built and checked on phones, tablets, and desktops, not just a large screen.
06
Transparent progress
Regular demos on a live preview link, so you see the work and give feedback early.
//06 — Technical expertise
The stack behind the work
Frontend engineering is my specialism, with enough backend to own a whole feature. I pick the stack per project: Next.js for custom builds and applications, WordPress and Elementor when your team wants to edit everything.
Frontend
React.js
Next.js
TypeScript
JavaScript
Tailwind CSS
State and data
Redux Toolkit
TanStack Query
REST APIs
Authentication
Backend and CMS
Node.js
Express.js
NestJS
WordPress
Elementor
Engineering
Design systems
Scalable architecture
Performance optimisation
AI-assisted UI concepts
Experienced with
Business websitesE-commerceSaaS applicationsDashboards and portalsEnterprise applications
//07 — Process
From first call to launch
01
Free intro call
30 minutes to understand your goals, users, and deadline. If I'm not the right fit, I'll say so.
02
Proposal and plan
A written scope with deliverables, timeline, and a fixed price. Nothing starts until you're happy with it.
03
Build in the open
Regular demos on a live preview link. You see progress and give feedback early, not at the end.
04
Launch and support
Deployment, analytics, and a hand-off walkthrough, with a support window after launch.
//08 — FAQ
Questions, answered
How much does a project cost?
It depends on scope, so every project is quoted individually. Send a short inquiry and, after a free intro call, I send a written, fixed-price proposal for your exact needs.
How do payments work?
Fixed-price projects are usually split into a deposit to start and the balance at milestones or launch. The exact terms are in the proposal.
Will I work with you directly?
Yes. I'm an independent developer, not an agency. You talk to the person writing your code, from the first call to launch and beyond.
Do you design too, or only build?
I can work from your existing designs, or help turn your idea into a modern interface. I use AI-assisted design tools to explore visual directions and create UI concepts, then build them as polished, responsive products. For specialised UX research or full brand identity, I work with dedicated designers.
Do you only work with React and Next.js?
No. I choose the technology for each project. Next.js suits fast custom builds and applications; WordPress and Elementor suit sites your team wants to edit end to end. I'll recommend what fits your goals and budget.
Can you work on our existing codebase?
Yes. I can join an existing React or Next.js codebase, review the architecture, and start shipping improvements.
What about time zones and communication?
I'm based in Cairo (GMT+2), which overlaps well with Europe and the Gulf. You get regular written updates and replies within one business day.
What happens after launch?
Every project includes a post-launch fix period. After that you can keep me on for updates and improvements, or take the code in-house with documentation.
★ Featured
