Andrew Finsand logo
Resume iconLinkedin iconGithub iconEmail icon

ANDREW FINSAND

Software Developer

CSS logoJavaScript logoReact logoNext.js logoWordPress logoPython logoFlask logoDjango logoFigma logoGIMP logoHTML logo
Description
An e-commerce hub for That’s What She Threads, a Santa Cruz-based t-shirt retailer blending premium quality with playful wit. Designed for the professionally unprofessional, it offers durable, well-fitted tees and a smooth shopping experience, from cart to delivery.
Technical
That’s What She Threads is a responsive e-commerce platform built with Next.js, leveraging MongoDB for order tracking and Sanity CMS for real-time product updates (titles, pricing, mockups). Stripe powers payments, with webhooks syncing orders to the Printful API for seamless print-on-demand fulfillment and automated shipping updates. Optimized for performance and SEO, it achieves Lighthouse scores of 98+ across desktop metrics, with UI/UX designed in Figma and enhanced by scripts automating content uploads and image optimization via Cloudinary.
Next.js
MongoDB
Sanity
Stripe
Description
A web application harnessing the power of the Real-ESRGAN AI model to upscale images by 2x. Simply select an image file, or drag and drop an image over the drop zone, and wait for the model to upscale the image. Once complete, compare and contrast the difference in quality using the slider, then download the image.
Technical
PixelAngelo is built with Next.js on the front end and Flask on the back end. When an image is uploaded, it is redirected to a Backblaze B2 storage bucket. The back end instructs a customized Runpod container to obtain the image from the B2 bucket, then utilize the RealESRGAN upscaling model to upscale the image by 2x with cloud-based GPUs. Once upscaled, the new image is returned to the B2 storage bucket where the front end fetches both original and upscaled images for display. All images are automatically deleted after 48 hours. Logo design created with Midjourney and customized with Gimp.
Next.js
Flask
Docker
Cloud GPU
Cloud Storage
Example image of the system design for PixelAngelo
Description
A web application that utilizes the OpenAI API and gpt-3.5-turbo model to create two or three-tone gradients based on user input. The generated gradients are accompanied by hex codes, a unique name, and a description for why the colors were chosen. Users can navigate between generated gradients and easily copy hex codes.
Technical
Gradient Wizard is built with React on the front end and Django on the back end. The user's input is sent through the OpenAI API to the GPT-3.5 Turbo model in prompt format. The API response returns hex codes, a unique name, and description in JSON format that dynamically updates the front end. The history of gradients is managed within the React component's state, allowing users to easily switch between gradients. Logo design created with Midjourney and customized with Gimp.
React
Django
Docker
TailwindCSS
OpenAI API
Description
A 5-page web application demo for a mock Bay Area HVAC business, showcasing responsive design and interactive features. Built with a modern UI, the site integrates Google Maps for location interactivity and achieves near-perfect Lighthouse scores (98/95/100/100), demonstrating optimized performance and client-ready web development.
Technical
Bay Area HVAC Demo is developed with Next.js and TypeScript for a robust, type-safe front end. Tailwind CSS drives the responsive, utility-first styling, ensuring seamless mobile-to-desktop compatibility. Interactive Google Maps integration is embedded for dynamic location display, while performance optimizations yield Lighthouse scores of 98 (Performance), 95 (Accessibility), 100 (Best Practices), and 100 (SEO).
Next.js
TypeScript
TailwindCSS
HTML5
Figma
Description
An architectural portfolio showcasing designs for residential homes, commercial buildings, and government centers. Learn about ADUs or the process of working with an architect to design your custom dream home.
Technical
Finsand Design was built with WordPress and customized with PHP and Javascript for dynamic functionality. Sass was leveraged to organize and manage CSS styling. Images were originally archived and AI image upscalers and Gimp were used for restoration. The logo and visual aesthetics were designed with Figma.
WordPress
Javascript
Sass
PHP
Figma
Description
A web application to monitor your cryptocurrency portfolio. View overall portfolio balance with profit and loss percentages. Add new tokens to your portfolio and view calculated holdings based on live prices. View global cryptocurrency market cap data and search for specific tokens.
Technical
Apefolio is a fullstack application developed with Django. The front end utilizes TailwindCSS and the Django template language while SQLite manages the database. Class-based views in Python are used on the server to modularize back end functionality. APIs fetch data from CoinGecko.com to display live token prices, as well as additional token information when using the search feature.
Python
Django
HTML5
TailwindCSS
SQLite

HELLO THERE, WELCOME TO MY SITE

I'm Andrew

Web Developer

I have a passion for problem solving, building, and being creative. Contact me for web development services, full stack projects, or design ideas.
Cheers!
Languages
Python
JavaScript
HTML / CSS
Frameworks
Django / Flask
React / Next.js
WordPress
Design
Figma
Gimp
Stable Diffusion
Headshot of Andrew Finsand