👉 Live Demo: nour-elrouby-portfolio.vercel.app/
This repository contains the source code for my personal portfolio website.
It highlights my skills, projects, and professional journey in:
- System Integration
- Data Management
- Business Intelligence
- Digital Transformation
- 🎯 Professional Introduction — summary of expertise and focus areas
- 💼 Projects Showcase — completed projects with technologies used
- 🛠️ Skills Section — frameworks, tools, and methodologies
- 📱 Responsive Design — optimized for desktop, tablet, and mobile
- 📬 Contact Section — GitHub, LinkedIn, and direct communication options
The portfolio is built using React and Vite, ensuring fast development and optimized builds.
This setup provides HMR (Hot Module Replacement), ESLint rules, and modern tooling.
- @vitejs/plugin-react — uses Babel for Fast Refresh.
- @vitejs/plugin-react-swc — uses SWC for blazing-fast builds.
For production-grade applications, it’s recommended to:
- Use TypeScript with type-aware linting rules
- Extend the ESLint configuration for stricter code quality
- Reference the Vite React + TS template
- Integrate
typescript-eslintfor static analysis
This combination ensures clean code, scalability, and maintainability.
| Category | Tools / Libraries |
|---|---|
| Frontend | React, Vite |
| Styling | CSS3, Responsive Design, Flexbox/Grid |
| Linting | ESLint, TypeScript ESLint (optional) |
| Deployment | GitHub Pages |
| Other | SEO basics, performance optimization |