https://github.com/andyzzzzzzzzz/portfolio

Interactive portfolio website with animated project cards, timeline, and dark mode, built using React, Tailwind CSS, and Framer Motion
https://github.com/andyzzzzzzzzz/portfolio

animations framermotion frontend interaction-design javascript react tailwind-css web-development

Last synced: 2 months ago
JSON representation

Interactive portfolio website with animated project cards, timeline, and dark mode, built using React, Tailwind CSS, and Framer Motion

• Host: GitHub
• URL: https://github.com/andyzzzzzzzzz/portfolio
• Owner: AndyZzzZzzZzz
• License: mit
• Created: 2024-07-14T07:57:19.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-20T23:33:33.000Z (over 1 year ago)
• Last Synced: 2024-10-21T03:24:12.273Z (over 1 year ago)
• Topics: animations, framermotion, frontend, interaction-design, javascript, react, tailwind-css, web-development
• Language: JavaScript
• Homepage: https://www.zkpandy.com/
• Size: 26.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Portfolio Website

This portfolio website is a showcase of my key projects, work experience, and personal milestones. Built using **React**, **Tailwind CSS**, and **Framer Motion**, it features interactive project displays, a dynamic timeline, and a responsive layout with dark mode support. The site reflects my journey in software development, data science, and quantum computing.

## Features

- **Responsive Design**: Works smoothly across all devices and screen sizes.

- **Dark Mode**: Automatic switching between light and dark themes.

- **Animated Timeline**: Displays career milestones with engaging animations.

- **Project Cards**: Interactive, hover-animated project cards showcasing my best work.

- **Tech Stack Display**: Each project highlights the technologies used.

- **Framer Motion Animations**: Provides smooth transitions and animations throughout the website.

## Fun Facts

- Each project has its own **dynamic card** that reacts to user interaction.

- **Dark mode** is designed to match the overall aesthetic and provides a smooth viewing experience.

- The **animated timeline** takes you through my journey, step by step.

- Built with clean, minimal code but packed with functionality!