Dan Wise's Portfolio

Welcome to my personal portfolio repository! This project showcases my skills, projects, and professional experience as an Architect, Senior Engineering Manager, and Full-Stack Developer.

🚀 Live Demo

View the live portfolio

🛠 Built With

• Next.js - React framework for production
• React - JavaScript library for building user interfaces
• TypeScript - Typed superset of JavaScript
• Tailwind CSS - Utility-first CSS framework
• shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS
• AWS - Cloud hosting and serverless functions
• Sanity CMS - Headless CMS for structured content

🏗 Project Structure

• app/ - Next.js app directory containing page components and routing
• components/ - Reusable React components
• lib/ - Utility functions and custom hooks
• models/ - This is where domain logic for accessing database models should reside
• public/ - Static assets
• styles/ - Global styles and Tailwind CSS configuration

🚀 Getting Started

Prerequisites

• Node.js (v18 or later)
• npm or yarn

Installation

1. Clone the repository

   git clone [email protected]:wiseiodev/portfolio.git
   ```bash
   

2. Navigate to the project directory

   cd portfolio

3. Install dependencies

   npm install
   # or
   yarn install

4. Start the development server

   npm run dev
   # or
   yarn dev

5. Open http://localhost:3000 in your browser to view the portfolio

📄 Pages

• Home: Landing page with an overview of skills and projects
• About: Detailed information about professional background and expertise
• Projects: Showcase of key projects and achievements
• Skills: Comprehensive list of technical skills and proficiencies
• Resume: Downloadable resume and detailed professional history
• Contact: Form to get in touch

🔌 Backend Connection

This portfolio uses AWS services for backend functionality.

🎨 Customization

To customize the portfolio for your own use:

1. Update the content in each page component (app/*/page.tsx)
2. Modify the components/responsive-header.tsx to update the navigation menu
3. Replace images in the public/ and assets/ directory with your own
4. Update colors and styles in tailwind.config.ts and styles/globals.css

📦 Deployment

This portfolio is set up for easy deployment on AWS using SST v3:

Getting Started: NextJS w/ SST

npm run build
# or
yarn build

📝 Sanity CMS

This project uses Sanity CMS for managing content. To set up Sanity:

1. Create a Sanity account at Sanity.io.

2. Install the Sanity CLI

   npm install -g @sanity/cli

3. Initialize Sanity in your project

   sanity init

4. Follow the prompts to set up your Sanity project.

5. Update the Sanity configuration in sanity.config.ts and add your project ID and dataset.

6. Update the environment variables in your .env file:

   NEXT_PUBLIC_SANITY_PROJECT_ID=your_project_id
   NEXT_PUBLIC_SANITY_DATASET=your_dataset

7. Use the Sanity Studio to manage your content.

🤝 Contributing

While this is a personal portfolio, suggestions and feedback are welcome! Feel free to open an issue or submit a pull request.

📝 License

This project is open source and available under the MIT License.

📞 Contact

Dan Wise - [email protected]

LinkedIn: My LinkedIn Profile

Project Link: https://github.com/wiseiodev/portfolio