Personal Website
My personal website serves as both a portfolio and a living sandbox for modern web development.
It is built with Next.js for high-performance rendering, styled with Tailwind CSS for rapid,
responsive UI design, and deployed through Vercel for seamless hosting and continuous integration
via GitHub.
All content pages are powered by Markdown files, making it simple to manage and update site content
while maintaining a clean separation of concerns.
GitHub Repository: github.com/GarrettSG/personal-website
Key Features
-
Course Page – Displays academic coursework using a tabbed interface with ASU-specific GPA metrics
-
Apple-Inspired UI – Includes a custom Glowing Card component with gradient borders and smooth hover animations, inspired by Apple’s clean, modern design aesthetic.
-
Interactive Components – Utilizes reusable UI components such as
BoundaryandTabsfor a consistent, polished interface across all pages. -
Responsive & Accessible – Fully optimized for different screen sizes, ensuring accessibility and mobile-friendly performance.
Site Overview
The website is organized into distinct sections for easy navigation:
- Personal Projects – Showcases major projects including OddsOptimizerAPI, Deep Learning Cars, and this portfolio itself.
- Work Experience – Highlights professional roles such as my full-stack development internship and teaching assistantship for Data Structures and Algorithms.
- Education – Details my studies at Arizona State University, including a dedicated course page with GPA metrics.
- Volunteering – Features my role in developing the Theta Tau Delta Gamma chapter website.
Each section is accessible through the navigation bar for a seamless browsing experience.
Tech Stack
- Framework: Next.js
- Styling: Tailwind CSS
- Hosting: Vercel
- Version Control: GitHub
- Content Management: Markdown files
This site is more than just a portfolio. It's a demonstration of my skills in full-stack development, responsive design, and interactive UI engineering, while reflecting my personal taste for refined, minimalist design.