Welcome

Personal Portfolio for Taylor Hurt

This presentation shows off some demos that I have developed in my free time.

Here is a summary of me:

Personal Portfolio

Blog Platform Server

Demo image

This API, designed using gRPC and grpc-gateway, allows you to create and edit blog posts and supports user accounts for commenting. The server was written in Go and follows the CLEAN architecture.

Try the API⇗ (get access token with user: admin, password: admin1), or see the repo⇗.

Tags: Go, gRPC, grpc-gateway, OpenAPI, CLEAN

Personal Portfolio

Blog Platform Client

Demo image

This SPA was written using Typescript and React. It includes pages for viewing Posts, Comments, and User profiles. It also includes an autosaving Post editor that the admin can access when logged in. It handles streamed responses and includes a progress indicator for slower connections.

Try the client⇗ (login with user: admin, password: admin1), or see the repo⇗.

Tags: TypeScript, React, streaming, progress indicator

Personal Portfolio

Spots

Demo image

This demo uses the d3 library to visualize data points over a responsive svg layer. Click spots to see their data, pan and zoom with the mouse, and double click to add a new spot. The application also scales when adjusting screen size.

Try the demo⇗ or see the repo⇗

Tags: d3, data visualization, Responsive Design

Personal Portfolio

Responsive PLP

Demo image

This product list page was created to responsively adjust to different screen sizes.

View the website⇗

Tags: Semantic HTML, Responsive Design

Personal Portfolio

Responsive Landing Page

Demo image

This mock landing page was created to responsively adjust to different screen sizes.

View the website⇗

Tags: Semantic HTML, Responsive Design, Sass

Personal Portfolio

Simple Web Presentation

Demo image

This project allows you to create simple web presentations with just a few lines of YAML/JSON. The responsive design makes your presentation look good on small and large screens.

For more info, see the repo⇗

Tags: Semantic HTML, Responsive Design, JSON, Handlebars

Personal Portfolio

Responsive REPL Layout

Demo image

The existing REPL for this library suffered from an inflexible layout, making it usable only on large screens. This project increased screen real estate and used Bootstrap to enable responsive layout adjustments at smaller screen sizes.

Try the REPL⇗

Tags: Responsive Design, Bootstrap, Open-Source Development

Personal Portfolio

Responsive Note-Taking Application

Demo image

In addition to a responsive design, this practical application exemplifies MVVM architecture. The Note model provides a Data Access Layer to localStorage and the View Models contain the logic to perform DOM updates.

Try the demo⇗

Tags: MVVM, PubSub, Bootstrap, Responsive Design, UX Design, localStorage

Personal Portfolio

Directed Graph Application

Demo image

A custom UI/UX was created and integrated with the graph library Springy to create this interactive application. Graphs can be saved and loaded from the user's filesystem.

Try the demo⇗
requires large screen size

Tags: UX/UI Design, Graphs, Canvas, Filesystem Storage

Personal Portfolio

Snakes

Demo image

This weekend project attempts to recreate the classic Snakes game. The game board is responsive to window size so try adjusting it and then refresh to play at different sizes.

Try the demo⇗
requires arrow keys

Tags: Canvas, Game, AI

Contact

Thanks for taking the time to learn more about me. You can find repos for all of my personal projects on GitHub.

Please reach me via email with any inquires. I look forward to hearing from you!

My Github Profile⇗
taylor.a.hurt@gmail.com