Kate Grant - Portfolio

Technologies

• Gatsby
• React
• GraphQL
• Node.js
• D3.js
• JavaScript

A portfolio of my work in software engineering that incorporates professional and creative projects. This site is built with Gatsby and GraphQL and includes a blog.

YouAreAmI

Technologies

• Google Firebase
• Hugging Face ML
• JavaScript

A multiplayer synthesizer for the web, controlled by position and sentiment ML. YouAreAmI is a JavaScript-based MIDI synthesizer that uses non-musical user input to control Web Audio. Synthesizer parameters respond to real-time user positionality and text analyzed with machine learning for sentiment.

The Musical Web Showcase

Technologies

• ShaderPark
• Three.js
• JavaScript

This website was built to showcase creative works made by students during the SFPC The Musical Web course, a 3-month exploration of Web Audio. This course used Glitch as the main collaborative and educational coding environment, and in the spirit of this, this website was made on Glitch. I participated in this course as a student.

StarChart3D

Technologies

• React
• Express.js
• Node.js
• Three.js
• React Three Fiber
• JavaScript
• PostgresSQL

A 3D interactive night sky map for practicing astronomical orientation with star location and magnitude. The current version of StarChart 3d allows for highlighting constellations to practice 3D relative location--regardless of which stars are currently in your local sky--it also provides the option to colorize stars by heat index. StarChart3D is built with React Three Fiber.

Trippn

Technologies

• React
• Redux
• Express.js
• Node.js
• JavaScript
• PostgresSQL

A travel planning web application for groups and individuals that provides a centralized place for collaboration and trip information. My focus in this project was the trip dashboard, demo, and graphic design. (Capstone project)

AllMatcha

Technologies

• React
• Redux
• Express.js
• Node.js
• JavaScript
• PostgresSQL

A retail website for tea enthusiasts. Users can shop as guests or create an account to save purchase history. My focus in this project was the shopping cart component, design, and wireframing with Figma. This included converting guest carts to user carts, adding items to carts, storing carts for later site visits, currency arithmetic for JavaScript floating points, and checkout. (Midterm project)

YellowJacket

Technologies

• React Native
• Node.js
• JavaScript
• SQLite

🚧 Currently in development 🚧 A wardrobe management app. YellowJacket is a mobile app for creating collections of clothing items and outfits. (Solo hackathon project)