Skip to content

AbhishekNavgan95/portfolio-webpage

Repository files navigation

Portfolio Webpage

Welcome to my portfolio webpage! This project showcases a creative design scheme and interactive elements using React, Tailwind CSS, GitHub API integration, and GSAP with ScrollTrigger.

Features

  • Responsive Design: Fully responsive layout optimized for various screen sizes.
  • Dynamic Content: Pulls data from GitHub API to display my latest repositories dynamically.
  • Interactive Elements: Utilizes GSAP and ScrollTrigger for engaging user interactions.
  • Modern Stack: Built with React for component-based architecture and Tailwind CSS for rapid styling.

Sneak peek

Tech Stack

  • React: Frontend library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • GitHub API: Fetches repository data to display on the portfolio.
  • GSAP & ScrollTrigger: Enables animations and scroll-based triggers for enhanced user experience.

Setup

  1. Clone the Repository:

    git clone https://github.com/yourusername/your-portfolio.git
    
  2. Install Dependencies:

    cd your-portfolio
    npm install
    
  3. Set Environment Variables:

  • Create a .env file in the project root. along with links for your social media
  1. Run the Application:

    npm run dev