FULL-STACK DEVELOPER

HUNTER LONG

As a full-stack software engineer with an extensive background in design, I bring a unique blend of creativity and technical expertise to the table. In my role as a Senior Instructional Associate at General Assembly, I develop new content in the software engineering curriculum and provide mentorship to aspiring developers. My focus is on crafting innovative digital products that balance aesthetic appeal with user-centric functionality.

An illustration of Hunter Long

RECENT PROJECTS

A collection of my recent work in software development.

Clippy

Clippy is a web application for online course management, currently in use by multiple classes at General Assembly. Instructors can oversee coursework, grade assignments, and monitor student growth. Students, in turn, can enroll, submit assignments, and view feedback. Clippy also allows instructors to share code blocks directly within the app. The app utilizes Auth0 for user security, React Query for caching, and Chart.js for visualizing course progress.

  • Auth0
  • React Query
  • Express
  • MongoDB
Deliverables list viewDeliverable detail viewLanding pageLanding page

Hoot

Hoot is a whimsical blogging application designed for "night owls". Hoot was originally developed as a code-along lesson I taught students learning the MERN stack at General Assembly. The application integrates essential features for modern web apps and boasts a unique theme complete with original graphics. Hoot's features include JSON Web Token Authentication, image uploads via Cloudinary, animated UI elements with React Lottie Player, and CRUD operations for both blogs and comments.

  • React
  • React Router
  • React Lottie
  • Cloudinary
Sign up pageBlog post pageLanding pageLanding page

Rubber Duck

Created over the course of a two-day hackathon, Rubber Duck is a web application designed to help users practice The Feynman Technique. Users explore topics and endeavor to convey a clear and succinct explanation of the subject matter. Users can then refine their synopsis through multiple iterations, allowing others to observe the evolution of the explanation over time. Rubber Duck also provides real-time writing feedback and keyword suggestions derived from related posts.

  • React
  • MUI
  • Express
  • MongoDB
New puppy pageIndex pageLanding pageLanding page

Reactville

Reactville is a collection of user interfaces demonstrating the variety of applications that can be built with React and React Router. Each interface represents a fictional business in the town of Reactville, including a bank, supermarket, and post office, while also showcasing practical real-world functionalities used in modern web applications. Using the Open-Meteo weather API, Reactville also dynamically renders certain graphics based on a user's local weather.

  • React
  • React Router
New letter pageShopping cart pageLanding pageLanding page

React Puppies

React Puppies was developed as an engaging introduction to the MERN stack (MongoDB, Express.js, React.js, and Nodejs) for software engineering students at General Assembly. While its allure revolves around delightful canine-centric features, the application takes a leap ahead with integrated Rive animations and customizable SVG icons for each puppy. These enhancements infuse the platform with a visually captivating user experience.

  • React
  • React Router
  • Express
  • Rive
New puppy pageIndex pageLanding pageLanding page

TECHNICAL SKILLS

An overview of the tools, languages, and frameworks I specialize in.

  • HTML5 Logo

    HTML5

  • CSS3 Logo

    CSS3

  • Javascript Logo

    JavaScript

  • TypeScript Logo

    TypeScript

  • Python Logo

    Python

  • MongoDB Logo

    MongoDB

  • Mongoose

    Mongoose

  • PostgreSQL Logo

    PostgreSQL

  • Sequelize Logo

    Sequelize

  • Node.js Logo

    Node.js

  • Express Logo

    Express

  • React Logo

    React

  • Next Logo

    Next

  • React Query Logo

    React Query

  • Redux Logo

    Redux

  • Flask Logo

    Flask

  • Tailwind Logo

    Tailwind

  • Prisma Logo

    Prisma

  • AWS Logo

    AWS

  • Auth0 Logo

    Auth0

  • Git Logo

    Git

  • Github Logo

    Github

  • Photoshop Logo

    Photoshop

  • Illustrator Logo

    Illustrator

  • After Effects Logo

    After Effects

CONTACT

Want to connect? Feel free to contact me through LinkedIn, GitHub, or email. For your convenience, you can also use this form to send a message. Looking forward to hearing from you!