$ npm run build

✓ Compiled successfully

Amr ElshabrawyReact & Next.js developer
  • Services
  • Work
  • About
  • Blog
Start a project
Amr Elshabrawy

Freelance React & Next.js developer building fast, SEO-ready websites, online stores and web apps — in Arabic & English.

Available for new projects

Services

  • Business Websites with Next.js
  • Online Stores (Next.js & Salla)
  • WordPress to Next.js Migration
  • Web Apps & Dashboards
  • All services →

Work

  • Kosovo Travels
  • Al-Amal Furniture Moving
  • ToNextStep
  • Luxellia Parfums
  • All case studies →

Contact

  • amrelshabrawy.dev@gmail.com
  • +20 120 254 6653
  • Cairo, Egypt — working worldwide
  • Replies within 24 hours

© 2026 Amr Elshabrawy. All rights reserved.

Blog CV
WhatsApp
All case studies
PERSONAL PROJECT
ADMIN / DATA VISUALIZATION

Analytics Dashboard & Admin Panel

A responsive admin dashboard with KPIs, charts, data tables, a calendar and validated forms — built with React and Material UI.

Visit live site Source code
React analytics dashboard with charts — desktop and mobile

The challenge

Showing a lot of varied data without overwhelming the user: clear numbers and charts, organized navigation between admin pages, and a layout that works on every screen size.

What I built

I built the interface with React and Material UI, dynamic routes with React Router, Nivo charts, MUI Data Grid tables, FullCalendar, Formik + Yup forms, Redux state and a JSON Server mock API.

Highlights

  • KPI cards, line, bar and pie charts (Nivo)
  • Data tables with MUI Data Grid
  • Calendar with FullCalendar
  • Validated forms with Formik and Yup
Client
Personal project
Role
Front-End React Developer
Period
Oct 26, 2024 – Feb 20, 2026
Lighthouse performance
Desktop 71Mobile 58
Services
Dashboard UIData visualization
Tech stack
ReactMaterial UINivoReduxReact RouterFormik

Screenshots

Analytics Dashboard & Admin Panel — desktop screenshot
Desktop
Analytics Dashboard & Admin Panel — mobile screenshot
Mobile

Google PageSpeed Insights

Performance

71 Desktop
58 Mobile
Analytics Dashboard & Admin Panel — PageSpeed Insights desktop reportPageSpeed report — desktopAnalytics Dashboard & Admin Panel — PageSpeed Insights mobile reportPageSpeed report — mobile

Let's work together

Need something similar?

Tell me what you need. I reply within 24 hours with honest advice and a fixed quote — no obligation.

Get a free quote WhatsApp

More case studies

Kosovo Travels booking platform — desktop and mobile screenshotsClient project
Travel & booking · International · 2026

Kosovo Travels — Travel & Booking Platform Stabilization

Stabilized an international travel and booking platform: fixed payment sessions on Cloudflare Edge, SSR/hydration bugs, and security and SEO issues.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
Read case study
Al-Amal furniture moving Kuwait Arabic website — desktop and mobileClient project
Local services · Kuwait · 2026

Al-Amal Furniture Moving — Kuwait Lead-Generation Website

A fast Arabic website for a Kuwaiti moving company, rebuilt from a crashed WordPress site — with a price calculator, lead forms and local SEO.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
Read case study