Mustafa Melake
Full Stack Engineer | 100/100 Lighthouse Next.js Apps
New to Contra
Mustafa is building their profile!
El Dawly - Comprehensive Delivery & Logistics Management Dashboard
A high-performance, full-stack logistics dashboard engineered to streamline order tracking, automate courier assignments, and monitor real-time revenue for a delivery agency.
Detailed Case Study / About This Work
Overview
El Dawly is a robust, end-to-end delivery management system designed to solve complex logistics challenges. I architected this platform to provide agency administrators with a centralized, lightning-fast hub to manage their entire operational pipelineāfrom the moment an order is created to its final delivery.
Key Features & Contributions:
Order Lifecycle Management: Developed intuitive interfaces for handling complex order states, including dynamic status updates (Pending, Assigned, Delivered) and advanced filtering.
Smart Courier Dispatching: Implemented real-time tracking of courier availability and seamless assignment workflows to optimize delivery times.
Financial Analytics: Built automated financial tracking modules calculating revenue, delivery fees, and total collected amounts instantly.
Optimized Architecture: Designed a highly scalable relational database schema using Prisma to ensure data integrity and fast query execution across complex logistics relations.
Premium UI/UX: Crafted a fully responsive, accessible interface with seamless Light/Dark mode support and fluid animations using Tailwind CSS and Framer Motion.
The Result:
An enterprise-grade, highly scalable internal tool that significantly reduces manual administrative work, backed by a perfect 100/100 Lighthouse performance score.
0
16
High-Performance Animated Landing Page
About the Project
I designed and developed a visually captivating, conversion-optimized landing page focused on delivering a premium user experience. The primary goal was to strike the perfect balance between a highly interactive, animation-rich interface and strict SEO/performance standards.
Live Link: https://animated-landing-page-xi-one.vercel.app/
The Challenge & Solution
Modern websites often sacrifice speed for visual flair. To solve this, I leveraged the power of modern frameworks to create a dynamic site that doesn't compromise on load times or search engine visibility. Every animation and interaction was carefully crafted to engage users without causing performance bottlenecks.
Key Features & Highlights
Modern Tech Stack: Built with Next.js, Tailwind CSS, and Shadcn UI for a scalable, highly customizable, and clean codebase.
Immersive Animations: Powered by Framer Motion, the site features smooth entrance animations, typing effects, dynamic data counters, and engaging parallax scrolling that adds a stunning 3D sense of depth to the user journey.
SEO & Speed Optimized: Engineered with best SEO practices in mind, utilizing semantic HTML, optimized assets, and lazy-loaded animations to ensure lightning-fast performance and high search rankings.
Fully Responsive: Flawless adaptation across all screen sizes, guaranteeing a seamless and intuitive experience on mobile, tablet, and desktop screens.
Role & Responsibilities
Full-Stack Development (Front-end focus)
UI/UX Implementation & Micro-interactions
Performance Optimization & SEO Structuring
0
68
Modern Blog System | Next.js 16, Prisma, PostgreSQL, Better Auth
0
99
Luxury Fragrance E-Commerce | Full-Stack Next.js App
0
97