Skip to content

Gclark04432/portfolio-site

Repository files navigation

Portfolio Site

A modern, responsive portfolio website built with Next.js and React to showcase my work and skills as a software engineer specializing in frontend development.

🚀 Features

  • Responsive Design: Optimized for desktop, tablet, and mobile devices
  • Modern UI: Clean, professional design with smooth animations
  • Interactive Components: Animated skill displays and project showcases
  • Contact Form: Integrated contact functionality using EmailJS
  • Dark Theme: Elegant dark color scheme with rose accents

🛠️ Tech Stack

Frontend

  • Next.js 15 - React framework for production
  • React 19 - UI library
  • TypeScript - Type-safe JavaScript
  • Tailwind CSS 4 - Utility-first CSS framework
  • Framer Motion - Animation library

State Management

  • Redux Toolkit - State management
  • React Redux - React bindings for Redux

UI Components

  • Headless UI - Unstyled, accessible UI components
  • Heroicons - Beautiful hand-crafted SVG icons

Development Tools

  • ESLint - Code linting
  • Prettier - Code formatting
  • Husky - Git hooks
  • Lint-staged - Run linters on staged files

📱 Sections

Home

  • Personal introduction
  • Animated skill display
  • Professional photo

About

  • Background information
  • Experience and expertise

Projects

  • Portfolio Site: This website showcasing my capabilities
  • Fantasy Matchup Tracker: A real-time fantasy football player tracking application built with Next.js, TypeScript, and Supabase.
  • Dad Jokes & Dogs: A Chrome extension for daily entertainment

Contact

  • Contact form with EmailJS integration
  • Professional contact information

🎨 Design

The site features a modern dark theme with:

  • Primary Color: Rose (#be123c) for accents and highlights
  • Background: Dark stone (#0c0a09) for a professional look
  • Typography: Clean, readable fonts with proper hierarchy
  • Animations: Smooth transitions and micro-interactions

About

Portfolio site built with Next.js, React, Typescript & TailwindCSS, using Framer Motion for animation

Resources

Stars

Watchers

Forks

Contributors

Languages