Omar Shehata Portfolio

A modern, responsive portfolio website built with React, Vite, Tailwind CSS, and Framer Motion animations.

Features

• Responsive design for all devices (mobile-first approach)
• Three theme options: Light, Dark, and Colorful
• Smooth animations and page transitions
• Modern UI with clean, minimalist design
• Interactive components with custom cursor effects

Tech Stack

• React 18+ with Vite for fast development
• Tailwind CSS for styling
• Framer Motion for animations
• React Router for navigation
• React Icons for iconography

Pages

• Home: Hero section with introduction and call-to-actions
• About: Personal information and skills visualization
• Projects: Showcase of featured projects with filtering
• Education: Academic background, training, and certifications
• Contact: Contact form and information

Getting Started

Prerequisites

• Node.js (v18+)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/OmarShehata1/portfolio.git
   cd portfolio

2. Install dependencies

   npm install
   # or
   yarn

3. Start the development server

   npm run dev
   # or
   yarn dev

4. Open your browser and visit http://localhost:5173

Building for Production

npm run build
# or
yarn build

The build artifacts will be stored in the dist/ directory.

Customization

• Update theme colors in tailwind.config.js and src/index.css
• Replace project details in src/pages/ProjectsPage.jsx
• Update personal information in respective page components
• Add your own images to public/ directory

License

This project is open source and available under the MIT License.

Author

Omar Shehata - GitHub | LinkedIn