Personal Portfolio Website

Fast and responsive portfolio website, designed with a modern web stack.

Overview

This portfolio website is designed to be a minimal and interactive site to showcase my projects while exploring the workflow and features of a new web stack. Astro and SolidJS were chosen for their strong combination of partial hydration and a small framework bundle size, resulting in a very fast, yet still reactive web experience. The design is enhanced by the power of Tailwind CSS for responsive styling and consistent visuals.

Features

• Fast performance due to optimized static site generation with Astro
• Reactive UI components powered by SolidJS for seamless user experience
• Modern and responsive design with the help of Tailwind CSS
• Fast and performant hero section using vanilla JS
• Automatic support for light and dark mode
• SEO-friendly metadata and structure for improved search rankings

Quick Start

Setup

To get started with this project, follow these steps:

1. Clone the repository:

git clone https://github.com/WilliamHCarter/williamhcarter.github.io.git
cd williamhcarter.github.io

2. Install dependencies:

npm install

Development

To start the development server, run:

npm run dev

This will start the Astro development server, which is accessible at http://localhost:3000.

To deploy the website, follow these steps:

1. Build the production version:

npm run build

This will generate the optimized static site in the ./dist folder.

2. Deploy the ./dist folder to your preferred hosting provider.

License

This project is licensed under the MIT License.