Ibrahim Aliyev - React Portfolio

A modern, responsive portfolio website built with React showcasing my skills, experience, and projects as a Frontend Developer.

🚀 Live Demo

View Portfolio

📋 Features

• Responsive Design: Fully responsive layout that works on all devices
• Modern UI: Clean, professional design with smooth animations
• Interactive Navigation: Mobile-friendly sidebar navigation with section names
• Skills Showcase: Organized display of technical skills and tools
• Experience Timeline: Detailed work experience with project highlights
• Portfolio Gallery: Showcase of completed projects
• Article Section: Latest Medium articles with carousel display

🛠️ Technologies Used

Frontend Framework

• React 18 - Modern React with hooks and functional components

Styling & UI

• Pure CSS3 - Custom CSS with CSS Grid and Flexbox
• React Icons - Icon library for consistent iconography

Libraries & Tools

• React Multi Carousel - Smooth carousel for articles and portfolio
• React Router DOM - Client-side routing
• GH Pages - Deployment to GitHub Pages

Development Tools

• Create React App - Build setup and development server
• ESLint - Code linting
• npm - Package management

📁 Project Structure

src/
├── components/
│   ├── header/          # Hero section with CTA
│   ├── nav/            # Navigation component
│   ├── about/          # About section
│   ├── experience/     # Work experience
│   ├── skills/         # Technical skills
│   ├── portfolio/      # Project showcase
│   ├── articles/       # Medium articles
│   ├── contact/        # Contact form
│   └── footer/         # Footer component
├── assets/             # Images and media files
├── App.jsx            # Main app component
├── index.css          # Global styles
└── index.js           # App entry point

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/ibrahimaliyevv2/portfolio.git
cd ibrahimaliyevv2.github.io

2. Install dependencies:

npm install

3. Start the development server:

npm start

4. Open http://localhost:3000 to view it in your browser.

Build for Production

npm run build

📱 Mobile Features

• Responsive Sidebar Navigation: Hamburger menu that slides in from the left
• Touch-Friendly: Optimized for mobile interactions
• Adaptive Layout: Content adjusts seamlessly across screen sizes

🎨 Design Highlights

• Glassmorphism Effects: Modern backdrop blur and transparency
• Smooth Transitions: CSS transitions for interactive elements
• Typography: Clean, readable font hierarchy