Keroles Adel | Frontend Developer

About Me

I'm a Front-End Developer specializing in React.js and Next.js. Currently studying Computer Science while gaining real-world experience through internships with international tech teams.

I focus on building responsive, scalable, and high-performance web applications using modern technologies like React, Next.js, Tailwind CSS, and Redux Toolkit.

I focus not only on building interfaces, but also on how users interact with them — ensuring every element serves a purpose, whether it's engagement, clarity, or conversion.

React & Next.js Development

Responsive Web Applications

Modern UI with Tailwind & MUI

REST API Integration

Redux Toolkit State Management

Clean & Scalable Code

10+

Projects Built

Internships Completed

15+

Technologies Used

Quick Facts

📍Location

Cairo, Egypt 🇪🇬

🎯Availability

Open to Front-End opportunities

⚙️Preferred Stack

React, Next.js, TypeScript

⚡Response Time

Usually within 12 hours

Let's Work Together

📋

Planning

Understanding project requirements and defining the best technical approach.

💻

Development

Building responsive and scalable interfaces using modern technologies.

⚡

Optimization

Improving performance, accessibility, and user experience.

Technical Skills

Technologies and tools I use to build modern web applications

⚛️

React.js

▲

Next.js

📜

JavaScript (ES6+)

🔷

TypeScript

🏗️

HTML5

🎨

CSS3

⚡

Quick Learner

Rapidly adapt to new technologies and frameworks

✨

Best Practices

Follow industry standards and clean code principles

📈

Continuous Growth

Always learning and improving my craft

📈

User-Centered Thinking

Understanding user behavior and building interfaces that improve engagement and conversion.

Featured Projects

Showcasing my best work and technical expertise

DoctorMate – Doctor Dashboard

A professional healthcare dashboard for managing patients, appointments, chats, and video consultations using Firebase and Agora RTC.

✓ Patient & Appointment Management✓ Real-time Chat with Firebase✓ Voice & Video Calls using Agora RTC+1 more

ReactFirebaseRedux ToolkitAgora RTCMUI

Live Demo

Safarni – Travel Booking Platform

Advanced travel booking platform with full flight booking flow, secure payment system, and dynamic state management using Redux Toolkit.

✓ Flight Booking & Reservation System✓ Secure Payment Integration✓ Destinations & Favorites System+2 more

ReactRedux ToolkitTailwind CSSMUI

Live Demo

EduPlatform – Learning Management System

A full-featured education platform for managing courses, students, and interactive dashboards with authentication system.

✓ Course Management System✓ Student Dashboard✓ Authentication System+1 more

Next.jsfirebaseTailwind CSSFramer Motion

Live Demo

Restaurant Web App

Modern restaurant application with menu browsing, cart system, and smooth animations.

✓ Interactive Food Menu✓ Cart System using Context API✓ Smooth Animations+1 more

Next.jsTailwind CSSFramer Motion

Live Demo

StudyTrack – Study Management Dashboard

Interactive study dashboard with task management, progress tracking, and Firebase integration.

✓ Task Management System✓ Progress Tracking Dashboard✓ Firebase Integration+1 more

ReactRedux ToolkitFirebaseFramer Motion

Live Demo

DevWear – Developer Brand Experience

An interactive developer-inspired fashion brand with an owner dashboard for managing orders and tracking activity.

✓ Programming Inspired Design✓ Interactive User Experience✓ Owner Dashboard & Order Management+1 more

Next.jsfireBaseTailwind CSSFramer MotionDashboard

Live Demo

E-Commerce Store

Fully functional e-commerce application with cart management, routing system, and dynamic state handling using React Context.

✓ Cart & User Interaction Management✓ Client-side Routing✓ Responsive UI Design+1 more

ReactReact RouterContext APIBootstrap

Live Demo

Weather

Real-time weather with API integration, search functionality, and advanced state handling.

✓ Real-Time API Data Fetching✓ Search by Location✓ Error Handling & Loading States+1 more

ReactAxiosMaterial UI

Live Demo

📱

Facebook Clone

Social media platform clone with full post system, authentication, and dynamic API integration.

✓ Create/Edit/Delete Posts✓ Comments System✓ Authentication using localStorage+1 more

HTMLCSSJavaScriptAxios

Live Demo

Pharmacy Landing Page

A conversion-focused pharmacy landing page built with Next.js, tailored for a pharmacy chain in Upper Egypt. Features Arabic RTL support, structured SEO data, and clear service presentation including 24/7 delivery and medical consultations.

✓ Modern Landing Page Design✓ Arabic RTL Localization✓ Services Showcase Sections+3 more

Next.jsTailwind CSSSEORTLLanding Page

Live Demo

⚡

Full-Stack Next.js App

Full-stack application built with Next.js, Prisma, and MySQL with server-side rendering and full CRUD operations.

✓ Full CRUD Operations✓ Database Design (Prisma + MySQL)✓ SSR & CSR using Next.js+1 more

Next.jsPrismaMySQLTailwind CSS

Want to see more?

Explore more projects and code samples on my GitHub profile

View All Projects on GitHub

Experience & Learning Journey

Internships, education and hands-on experience in frontend development

Professional Experience

Frontend Developer Intern

Huma-Volve (Remote)

Nov 2025 – Dec 2025

Worked on two large-scale real-world platforms (Medical & Travel) using modern frontend technologies with a focus on performance, scalability, and clean architecture.

▸Developed full authentication system (login, signup, validation, protected routes)
▸Built core UI components including Home page, Navigation and user flows
▸Worked on Travel Platform modules: Payment, Flight Booking, Destinations, Favorites and Compare features
▸Implemented reusable and scalable components using React, TypeScript and Tailwind CSS
▸Managed global state using Redux Toolkit
▸Collaborated with team using Git workflow, branches, pull requests and code reviews