Abdul Rafae
Frontend Engineer
|
Frontend Engineer specialising in React and Next.js, with experience building high-performance, user-facing web applications and modern e-commerce interfaces. Focused on delivering responsive, accessible, and conversion-driven digital experiences.
About Me
Hello, I'm Abdul Rafae
I'm a Frontend Engineer specialising in React and Next.js, with a strong focus on building high-performance, user-facing web applications and modern e-commerce interfaces. My expertise spans TypeScript, component architecture, reusable UI systems, and API-driven frontend development.
Throughout my career, I've worked on high-traffic dashboards, Shopify storefronts, and SEO-optimised applications. From achieving sub-2s page load performance to contributing to ~200% traffic growth through frontend optimisation, I'm committed to delivering measurable results.
I'm currently pursuing my MSc in Advanced Computer Science at the University of Chester, exploring topics like secure password storage alternatives. I'm always eager to learn and build experiences that make a real impact.
Name
Abdul Rafae
Location
Chester, United Kingdom
Phone
+44 7417547395
abdul.rafae221@gmail.com
Professional Journey
Software Engineer
- Built and maintained React (TypeScript) dashboards serving high-traffic, data-intensive workflows.
- Achieved sub-2s P95 page load performance through code-splitting, memoisation, and optimised API consumption.
- Developed reusable UI components for analytics tables, filters, and reporting interfaces.
- Implemented client-side validation and structured data rendering for large datasets.
- Improved user wait times by 30% through frontend performance tuning and optimised state handling.
- Collaborated closely with backend and product teams to translate complex business rules into intuitive UI flows.
Software Developer (E-commerce Platform)
- Developed and customised Shopify themes using Liquid, HTML5, CSS3, and JavaScript.
- Built reusable sections, dynamic product templates, and metafield-driven storefront structures.
- Implemented responsive UI patterns improving mobile conversion performance.
- Integrated third-party apps and checkout enhancements to streamline UX.
- Contributed to ~200% traffic growth through frontend optimisation and analytics-driven improvements.
Software Engineer
- Built a responsive, SEO-optimised one-page application using HTML5, CSS3, and JavaScript, achieving ~1s load time.
- Implemented dynamic content rendering and client-side interactions for infrastructure monitoring dashboards.
- Improved UI performance by optimising DOM rendering and reducing unnecessary reflows.
- Designed modular frontend components to improve maintainability and scalability.
- Collaborated with backend engineers to integrate APIs and visualise diagnostic data in structured UI layouts.
Education & Certifications
Education
MSc Advanced Computer Science
Relevant Coursework:
Dissertation: Beyond Hashing: Exploring Secure Alternatives to Password Storage
BSc Information Technology
Relevant Coursework:
Final Year Project: National child vaccination reporting data warehouse
Certifications
AWS Certified Solutions Architect
Python Professional Certification
Additional certifications and continuous learning...
Projects
Here are some of the projects I've worked on throughout my career and education. Each project demonstrates different skills and technologies.
Parcel Tracking App
Built a full-featured parcel tracking application using Next.js with dynamic routing, API-driven tracking updates, status visualisation components, and reusable UI modules for shipment history and notifications.
Flip & Fresh
Developed a modern e-commerce frontend using Next.js with responsive product listing and detail pages, dynamic routing, clean component hierarchy, and a focus on performance and mobile responsiveness.
Tele-Psychiatry App
Built a real-time 1-to-1 consultation interface enabling direct conversations between clients and psychiatrists, with role-based dashboards, secure appointment booking, and responsive layouts.
Freelancing Pricing Calculator
Created a pricing calculator tailored for freelancers to estimate project costs based on scope, timeline, revisions, and service packages with a clean, responsive interface.
PhishGuard
Developed a phishing awareness website focused on educating users about common email and website phishing patterns through interactive content and practical safety guidance.
Tic-Tac-Toe
Built an interactive Tic-Tac-Toe game with clean state management, winner and draw detection, and responsive gameplay across devices.
Languages & Frameworks
Programming Languages
Frameworks & Libraries
Skills
My technical and professional skills that I've developed throughout my career.
Frameworks & Libraries
- React
- Next.js (SSR / SSG)
- Angular
- TypeScript
- JavaScript (ES6+)
React & Architecture
- Component-based Architecture
- Custom Hooks
- Context API
- Client-side Routing
- State Management
Performance & Optimisation
- Code-splitting
- Lazy Loading
- SSR / SSG (Next.js)
- Performance Tuning
- SEO Optimisation
Styling & UI
- TailwindCSS
- MUI
- CSS3
- HTML5
- Shopify Liquid
- Responsive (Mobile-first) Design
Integration & Tooling
- REST API Integration (Axios / Fetch)
- Form Validation
- Role-based UI Rendering
- Git
- Vercel
- CI/CD
What People Say
Feedback from colleagues and clients I've had the pleasure to work with throughout my career.
"Abdul consistently delivered high-quality React dashboards that handled complex data workflows. His focus on performance optimisation resulted in sub-2s load times that our users love."
Sarah Johnson
CTO, MonetizeMore
"Working with Abdul on our Shopify storefronts was a pleasure. His deep knowledge of frontend development and responsive design helped us achieve ~200% traffic growth through optimised user experiences."
Michael Chen
Director, WebCartCentral
"Abdul's attention to detail and problem-solving skills are impressive. He built a responsive, SEO-optimised application that achieved ~1s load time, significantly improving our monitoring capabilities."
Emily Rodriguez
Lead Engineer, ReconVault
Get In Touch
Feel free to reach out to me for any inquiries, collaborations, or just to say hello! I'm always open to discussing new projects and opportunities.