Andrew Finsand logo
Resume iconLinkedin iconGithub iconEmail icon

ANDREW FINSAND

Software Developer

HTML logoCSS logoJavaScript logoReact logoNext.js logoWordPress logoPython logoFlask logoDjango logoFigma logoGIMP logo
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
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
Commercial website for JCC Heating and Cooling, a family-owned HVAC business serving Contra Costa, California. This responsive website serves as an online presence for showcasing their services, company history, and service areas to customers across the region.
Technical
JCC Heating and Cooling was built with WordPress and customized with PHP and Javascript for dynamic functionality. The logo and visual aesthetics were designed with Figma.
WordPress
Javascript
CSS
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
Description
An AI chatbot trained on data about myself to answer any questions you may have about me. Training data is retrieved from Botpress, an open-source platform for building, managing, and deploying conversational AI chatbots. Simply click on the chat bubble to start a conversation!
Technical
Developed with Botpress using a graphical interface to visually build and connect dialogue flows. A knowledge base was designed to guide users through information on my background, experience, projects, and skills. Custom intents are used to handle diverse questions that are not covered by the bots suggestions. Low frequency questions that are also not covered in the knowledge base are answered using a fallback web search.
Botpress
API
CSS
Dialogue Manager
Knowledge Base
Example image of the system design for PixelAngelo

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