Skip to content

Rory Hackney

Software Developer

Web Developer / Designer

The login page for the Art Supply Tracker website, showing a header and logo above a form.

Art Supply Tracker

October 2024 - December 2024

Tags

  • Back End
  • Cloud Computing
  • CSS
  • Database Development
  • Front End
  • HTML
  • JavaScript
  • React
  • SQL
  • Unit Testing
  • UX Design
  • Web Development

The Art Supply Tracker is a personal project I’ve been working on since 2024, inspired by my desire to organize, track, and easily search for my own art supplies while out shopping.

After gaining confidence developing software and programming in my CS courses, I began exploring ways to create an application to manage my art supply collection. After creating an initial mobile first UX design in Figma , I began exploring React and Firebase to develop a mobile first website during my summer break.

Account page of Version 1 website, showing a red warning that the account cannot be recovered after deletion.

Version 2: GitHub: creative-project

After learning more about Node, Express, and SQL in the fall of my senior year, I redesigned the application, improving the UX and implementing additional features including a SQL database tracking users, art supply categories, properties, and inventory, enabling authentication and routing using Node and Express. I also learned to use APIs, integrating a feature to display clickable color options fetched from an API based on the user's color family selection. Although the application worked, it was difficult to maintain and expand features because I was writing SQL, HTML, and JavaScript/Node code manually rather than using a framework or other tools.

The Add New Art Supplies page for the Art Supply Tracker website, showing a form including a color family dropdown and several labeled colors.

Version 3: GitHub: creative-project-react

After learning more about React, software design, and cloud computing, I implemented this repo as an improved version during my senior web development course, implementing additional features including both stronger authentication and a JSON database backed by Firebase / Google Cloud, unit tests using JUnit, and dynamic forms utilizing React components that generate fields based on user choices (for example, after selecting a category of art supply like paintbrush or yarn, different fields are generated, like color, weight, or material). As part of the process, I was able to learn a lot about software design, developing more organized and maintainable applications using React components, the challenges and rewards of cloud services, and the tradeoffs between SQL and more flexible NoSQL / JSON databases.

The login page for the Art Supply Tracker website, showing a header and logo over the login form.

Thanks for checking out my project!

Back to Portfolio