Skip to content

Repository files navigation

Fady Desoky Saeed Abdelaziz - Data Analytics & Engineering Portfolio

A modern, responsive portfolio showcasing expertise in Data Analytics, Data Engineering, and Sustainable Computing. Built with Next.js, React, and Tailwind CSS.

Portfolio

This project is designed for deployment on Vercel. Add the production URL here once a custom domain or deployment URL has been finalized.

📋 About

This portfolio demonstrates a comprehensive background in:

  • Data Analytics & Reporting @ Nestlé
  • Data Management & Enterprise Systems
  • Data Engineering & Analytics
  • Green Software & Sustainable Computing

Based in Nasr City, Cairo, Egypt |

Features

  • Dark/Light Theme Toggle - Seamless theme switching with persistent state
  • Responsive Design - Fully optimized for desktop, tablet, and mobile devices
  • Multi-Page Navigation - Portfolio, About, Experience, Projects, Research, and Contact sections
  • Section Navigation - Easy navigation between page sections with smooth scroll behavior
  • Footer Navigator - Quick access navigation at the bottom of each page (hidden on mobile to prevent obstruction)
  • SEO Optimized - Structured metadata, sitemap, and robots.txt for search engine visibility
  • 3D Animations - Engaging visual elements using CSS transforms and animations
  • Accessibility - WCAG 2.1 compliant with proper semantic HTML and ARIA labels

📚 Sections

Portfolio (Home)

  • Professional introduction with dynamic headline
  • Key competencies and experiences
  • Featured projects showcasing recent work
  • Certifications and credentials section
  • Call-to-action buttons for contact

About

  • Detailed professional background
  • Skills and expertise overview
  • Years of experience in data analytics and engineering

Experience

  • Current and previous roles with timeline
  • Skills developed in each position
  • Latest internship at Advanced Data Analytics (National Telecommunication Institute)

Projects

  • Showcasing notable projects:
    • Qualioro - AI-powered quality assurance platform
    • Dashboard Analytics Suite - Real-time data visualization
    • Predictive Maintenance System - ML-based analytics

Research

  • Published and under-review research papers
  • Focused on:
    • Urban traffic modeling using GNSS data (NetMob 2025)
    • Sustainable green software development (AII 2025)
    • Energy-latency optimization in cloud systems (Under Review)

Certifications

  • Professional certificates and credentials
  • Issued dates and credential IDs
  • Skills associated with each certification

🛠️ Tech Stack

  • Framework: Next.js 16.3.3
  • React: 19 (with latest hooks and features)
  • Styling: Tailwind CSS 4.3.3
  • Components: Base UI + Custom components
  • Animations: Tailwind CSS animations with CSS transforms
  • Analytics: Vercel Analytics
  • Deployment: Vercel

Getting Started

Prerequisites

  • Node.js 18+ or pnpm 12+

Installation

# Clone the repository
git clone https://github.com/Fadydesoky/my-fadydesokysaeedabdelaziz-portfolio.git
cd my-fadydesokysaeedabdelaziz-portfolio

# Install dependencies (using pnpm)
pnpm install

# Or using npm
npm install

# Or using yarn
yarn install

Development

Run the development server:

pnpm dev
# or
npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser to see the result.

The app auto-updates as you edit files in the app directory.

Build for Production

pnpm build
pnpm start

📁 Project Structure

.
├── app/
│   ├── layout.tsx          # Root layout with theme provider
│   ├── page.tsx            # Portfolio (home) page
│   ├── globals.css         # Global styles and animations
│   ├── research/
│   │   └── page.tsx        # Research & publications page
│   ├── robots.ts           # SEO robots file
│   └── sitemap.ts          # SEO sitemap
├── components/
│   └── theme-toggle.tsx    # Theme switcher component
├── public/                 # Static assets
└── package.json           # Dependencies and scripts

🎨 Design System

  • Color Palette: Teal/cyan accents with light and dark mode support
  • Typography: Inter font family with hierarchical sizing
  • Spacing: 4px base unit with Tailwind scale
  • Responsive: Mobile-first approach (390px, 768px, 1024px+ breakpoints)

🔍 SEO Features

  • Dynamic meta tags with Open Graph support
  • XML sitemap for search engine crawling
  • Robots.txt for search engine guidelines
  • Structured semantic HTML
  • Optimized page titles and descriptions
  • Mobile-responsive design for better SERP ranking

📞 Contact

📖 Learn More

🙋 Contributing

Suggestions and feedback are welcome! Feel free to reach out via email or LinkedIn.