Projects

Portland Plant List

This React application allows you to search through the official Portland Plant list. This site will be used as a tool for the Oregon Bird Alliance by volunteers and locals to identify local plants and invasive weeds.

Languages/Frameworks/Tools: Next.js, TypeScript, JavaScript, SCSS, HTML

Github Link
A screenshot of a grid of plants that are searchable by checkboxes and a search bar.

The Daily Orbit

Developed a responsive space-themed web application using Next.js for the front-end framework and modern SCSS architecture for styling.

The project focuses on presenting space data in an engaging way, featuring NASA media such as images and videos along with tools for exploring astronomical information of asteroids on todays date.

Languages/Frameworks/Tools: Next.js, TypeScript, Vercel, SCSS, HTML

A screenshot of a website containing images of space

Wildwood Electrolysis

Developed and implemented a new website design that balanced retro visual elements with creative branding and professional usability standards.

Conducted color and branding research, updated the site's visual direction, and redesigned navigation pathways to improve usability and user engagement.

Tools: SquareSpace, CSS, Photoshop, Figma

Image of the Wildwood Electrolysis website

Hartland Area Food Pantry Website

I led the design and development of a website for a food pantry in Hartland, WI, significantly enhancing its digital presence.

By implementing strategic SEO techniques, I boosted user interactions by 63%, making it easier for the local community to access crucial support services with just a click.

I collaborated closely with the volunteer team, to help conceptualize and execute a fresh, user-friendly design, ensuring the website effectively serves the pantry’s mission.

Languages/Frameworks/Tools: JavaScript, SCSS, HTML, Wix

Hartland Area Food Pantry logo

Weather or Not App

This Next.js application allows you to view the weekly weather anywhere in the world! It also includes information about high/low temps, cloud status, dew point, and more. This app uses the Visual Crossing Weather API found here.

Languages/Frameworks/Tools: Next.js, TypeScript, SCSS, HTML, Google Maps API

Github Link
A screenshot from the Weather or Not app featuring 7 days of weather in a grid.

Blog Template

This is a blog template project where I am focusing on practicing my front end development skills using HTML, SCSS, and JavaScript.

Languages/Frameworks: TypeScript, SCSS, HTML

Github Link
Example of a blog template

Let's build something together

Contact me