Service Dogs Around Town - Prototype
Demo:
Technologies Used:
- React.js
- JavaScript
- CSS
- Local Storage
This is what I'd call my capstone project. It was broken down into multiple versions and deployments, and ultimately resulted in a multi-user, public application utilizing a database. I wanted to work outside of my comfort zone and create something that made me grow my skills. The idea for this project came from me, as a service dog handler, not being able to remember which businesses (particularly restuarants) I've visited were a good experience. Version 1 of this application allows users to capture information about the business and add a personal note regarding the comfort and safety of their service dog when visiting. Version 2 incorporates the Google Maps API and Firebase database. August - September 2024
Key Features
- Create a list of businesses you've visited
- Browser saves the list in local storage
- User can edit or delete entries
- Note which businesses were your favorites
- Sort entries by Date Visited or Business Name. Filter entries by Favorites.
Skills Showcased:
- React components
- Utilizing local storage
- CRUD app - Create, Read, Update, Delete
- Keyboard Navigable
- Form Validation
What I Learned:
The purpose of this project was to test out the features and functionality that I had in mind for Service Dogs Around Town. I started pushing myself in my web design and as a result updated the look and feel of the intake form quite a bit to be more professional. I really enjoyed the functional engineering of creating the sorting and filtering features. It was a fun, whimsical project and a big step towards my capstone project's final version.
Future Enhancements:
Version 2 will incorporate the Google Maps API and utilize PocketBase for a database. This first version is a single user, "private" application. After that, it opens up to be a multi-user, "public" application that displays data from all users (except personal notes, which will be kept private to each user).