Skip to content

Ahmad-code077/Portfolio

Repository files navigation

Portfolio

This is my personal portfolio website showcasing my skills, projects, and experience. Built using React, styled with Tailwind CSS, and optimized for performance with lazy loading and React Router DOM for navigation and AOS for smooth scrolling.

Features

  • Responsive Design: Built with Tailwind CSS for fully responsive layouts across different screen sizes.
  • Lazy Loading: Efficiently loads images and components only when they are needed, improving performance.
  • React Router DOM: Seamless, client-side routing to navigate through different sections of the portfolio.
  • Project Showcase: Displays my work, including links to live demos and GitHub repositories.
  • Contact Form: Users can contact me via the integrated form.
  • Smooth Animations: Subtle animations enhance the user experience without overwhelming the content.

Built With

  • React: For creating the user interface and managing component state.
  • Tailwind CSS: For styling and ensuring responsiveness across different devices.
  • React Router DOM: To handle routing between different pages and sections.
  • Lazy Loading: For optimized loading of components and images.
  • AOS : Animation on Scroll for smooth scrolling.

Installation

Prerequisites

  • Node.js and npm installed on your machine

Steps

  1. Clone the repository:
    git clone https://github.com/Ahmad-code077/Portfolio.git
    cd Portfolio
    npm install
    npm run dev
    visit Live Site