Portfolio Website

This is the repository for my personal portfolio website, showcasing my skills, experience, and projects. The website is built with modern web technologies and follows industry best practices for a clean, responsive, and performant user experience.

Live Demo

You can view the live website at shabbirjamal.com.

Features

• Responsive Design: The website is fully responsive and accessible on various devices, including desktops, tablets, and mobile phones.
• Component-Based Architecture: Built with React, the website uses a modular, component-based architecture for easy maintenance and scalability.
• Routing: Uses react-router-dom for seamless navigation between different sections of the portfolio.
• SEO Optimized: Implemented with react-helmet-async and schema markup for better search engine visibility. It also supports the Open Graph protocol for rich social media sharing.
• Data-Driven Content: Project and experience data are loaded from JSON files, making it easy to update content without changing the code.
• Interactive UI: Features an engaging and interactive user interface with animations and hover effects.
• Image Stacks: Uses the img-stacks library to create beautiful, interactive image stacks for showcasing project and experience photos.
• Comprehensive Favicon Support: Includes favicons in various sizes and formats to ensure they display correctly on different browsers, devices, and scenarios.

Tech Stack

• Frontend: React.js, HTML5, CSS3
• Libraries: react-router-dom, react-helmet-async, img-stacks, lucide-react
• Build Tool: Vite
• Deployment: Netlify

Pages

• About: A brief introduction, my skills, and a link to my resume.
• Experience: A timeline of my professional experience, detailing my roles and responsibilities.
• Education: Information about my academic background and achievements.
• Projects: A showcase of my projects with descriptions, technologies used, and links to the live versions and source code.

Installation and Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/jamal474/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

   This will open the project in your default browser at http://localhost:5173.

Deployment

The website is automatically deployed to Netlify whenever changes are pushed to the main branch.