Nathan H - Portfolio Website

A modern, responsive portfolio website built with React and Tailwind CSS, featuring a dark mode toggle, smooth animations, and project showcases.

🌟 Features

• Responsive Design: Fully responsive layout that works on all devices
• Dark Mode: Elegant dark/light theme switching with system preference detection
• Smooth Animations: Engaging animations using Framer Motion
• Project Showcase: Interactive project cards with tech stack tags
• Contact Information: Easy access to professional networks and contact methods
• Modern UI: Clean and professional interface using Tailwind CSS
• Performance Optimized: Fast loading times and smooth transitions

🛠️ Built With

• React.js
• Tailwind CSS
• Framer Motion
• React Router
• Lucide Icons
• Shadcn/ui Components

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/nHunter0/Portfolio.git

2. Navigate to project directory

cd Portfolio

3. Install dependencies

npm install

4. Start the development server

npm start

The site will be available at http://localhost:3000

Building for Production

To create a production build:

npm run build

To deploy to GitHub Pages:

npm run deploy

🔧 Configuration

The site can be configured by modifying:

• src/pages/Projects.jsx - Add/remove projects
• src/components/ExperienceSection.jsx - Update work experience
• Tailwind theme colors in tailwind.config.js

🎨 Customization

Colors

The color scheme can be customized in tailwind.config.js:

colors: {
  primary: {
    900: "#1A1625",
    800: "#231F2E",
    700: "#2D2739",
    600: "#382F45",
  },
  accent: {
    purple: "#8B5CF6",
    violet: "#7C3AED",
    indigo: "#6366F1",
    pink: "#EC4899",
  }
}

📄 License

Please see LICENSE in repo

Project Link: https://github.com/nHunter0/Portfolio

---

Made with ☕ by Nathan H