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.
- 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.
![]() |
|
![]() |
![]() |
- 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.
-
Clone the Repository:
git clone https://github.com/yourusername/your-portfolio.git
-
Install Dependencies:
cd your-portfolio npm install
-
Set Environment Variables:
- Create a .env file in the project root. along with links for your social media
-
Run the Application:
npm run dev