Graphic Designer Portfolio

A modern, responsive portfolio website showcasing graphic design work with smooth animations and an elegant layout.

Features

  • Responsive Design: Works perfectly on desktop, tablet, and mobile
  • Portfolio Gallery: Showcase your best work with filtering by category
  • Smooth Animations: CSS animations and transitions for a polished feel
  • Contact Form: Easy way for clients to get in touch
  • About Section: Tell your story and showcase your skills
  • Services Section: Highlight what you offer

Project Structure

├── frontend/
│   ├── index.html          # Main HTML template
│   ├── style.css           # Custom styles
│   ├── script.js           # Interactive functionality
│   └── favicon.svg         # Site icon
├── backend/
│   └── index.ts            # Server entry point
└── README.md

Tech Stack

  • Frontend: HTML5, CSS3, JavaScript (ES6+)
  • Styling: TailwindCSS + Custom CSS
  • Backend: Hono (for contact form and static serving)
  • Animations: CSS transitions and transforms

Getting Started

The site is automatically deployed and accessible via the HTTP trigger. The backend serves static files and handles the contact form submission.

Customization

  1. Update the portfolio items in script.js
  2. Modify colors and styling in style.css
  3. Replace placeholder content in index.html
  4. Add your own project images (use AI image generation or external links)