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.
- 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.
- 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
-
Clone the repository:
git clone https://github.com/Aly-EL-Badry/MainPortfolio.git cd MainPortfolio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
To create a production-ready build:
npm run buildTo deploy directly to GitHub Pages:
npm run deployportfolio/
├── 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
- LinkedIn: Aly El-Badry (Check out the links in the portfolio!)
- Email: Reach out through the contact form on the live site.
This project is licensed under the MIT License - see the LICENSE file for details.