SharkSpidy Portfolio Website

A modern, responsive personal website showcasing skills, projects, and social media presence. Built with React, TypeScript, and Tailwind CSS.

Features

• Responsive design that looks great on all devices
• Dynamic light/dark mode toggle
• Animated particle background
• Interactive UI with smooth animations
• Project showcase with filtering capabilities
• Contact form for professional inquiries
• Social media integration
• SEO-friendly structure

Technologies Used

• React
• TypeScript
• Tailwind CSS
• Vite (for build and development)
• Lucide React (for icons)

Getting Started

Installation

1. Clone the repository:

   git clone https://github.com/sharkspidy/portfolio.git
   cd portfolio-website

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

Project Structure

├── public/
├── src/
|   |── images/        # images 
│   ├── components/    # React components
│   ├── data/          # Static data for projects and social links
│   ├── types/         # TypeScript type definitions
│   ├── utils/         # Utility functions and hooks
│   ├── App.tsx        # Main application component
│   ├── index.css      # Global styles
│   └── main.tsx       # Application entry point
├── index.html
├── package.json
├── tailwind.config.js
└── tsconfig.json

Made With 💙 By Joe