My Portfolio Website

Welcome to my portfolio website repository! This project showcases my skills and experience as a Creative Full-stack Engineer. Built using Next.js, TypeScript, and Tailwind CSS, the website serves as a comprehensive display of my professional journey, projects, and technical expertise. It highlights my evolution from an athlete to a tech enthusiast, covering various domains including frontend and backend development, data engineering, 3D graphics integration, and AI. This site offers an in-depth look at my work, experience, education, and notable projects.

Features

• Dynamic UI: A visually appealing and highly functional user interface.
• Responsive Design: Optimized for mobile and desktop devices.
• 3D Graphics: Integration of 3D models and animations.

Tech Stack

• Frontend: Next.js, Tailwind CSS
• Languages: TypeScript
• Analytics: PostHog
• Animations: Framer Motion
• 3D Graphics: React Three Fiber, React Three Drei

Setup & Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/david-mcbacon/portfolio-web.git

2. Navigate to the project directory:

   cd portfolio-web

3. Install dependencies:

    npm install

4. Start the development server:

   npm run dev

5. Open the browser and visit the following URL:

   http://localhost:3000

6. Build the project:

   npm run build

7. Run the project in production mode:

   npm start