Skip to content

Repository files navigation

Aly El-Badry - AI Engineer & Full-Stack Developer Portfolio

Welcome to the repository for my professional portfolio! This is a modern, responsive website built with React and Vite, showcasing my work in AI Engineering, Data Science, and Full-Stack Development.

🚀 Features

  • Modern & Premium Design: Built with a sleek glassmorphism aesthetic, smooth animations using Framer Motion, and a responsive layout.
  • Experience Highlights: Features my roles at LILT AI, Aitronix, DEPI, and Outlier, showcasing my expertise in LLMs, YOLO, and FastAPI.
  • Bento Grid Skills Section: An intuitive and interactive layout to explore my core technical competencies.
  • Dynamic Projects Showcase: Highlights my top achievements, including the Satellitor project (Top Place at DEPI) and my custom Cortex customer service chatbot.
  • Optimized Performance: Built with Vite and React 18 for fast load times and an excellent developer experience.

🛠️ Technologies Used

  • Frontend: React 18, Vite, Framer Motion, React Router DOM
  • Styling: Vanilla CSS with modern UI trends (CSS Variables, Flexbox/Grid, Glassmorphism)
  • Icons: Font Awesome, React Icons
  • Deployment & Tooling: Node.js, ESLint

📦 Installation & Setup

  1. Clone the repository:

    git clone https://github.com/Aly-EL-Badry/MainPortfolio.git
    cd MainPortfolio
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

🏗️ Build and Deployment

To create a production-ready build:

npm run build

To deploy directly to GitHub Pages:

npm run deploy

📁 Project Structure

portfolio/
├── public/          # Static assets (images, videos)
├── src/
│   ├── Components/  # Reusable UI components
│   │   └── Routes/
│   │       └── Main/
│   │           └── sections/ # Individual portfolio sections (AboutMe, Experience, etc.)
│   ├── App.jsx      # Main application entry
│   └── index.css    # Global styles and variables
├── dist/            # Build output
├── package.json     # Project dependencies
└── vite.config.js   # Vite configuration

📬 Contact

  • LinkedIn: Aly El-Badry (Check out the links in the portfolio!)
  • Email: Reach out through the contact form on the live site.

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.