MyFlyBox

Abstract

MyFlyBox is a cross-pollination capstone project completed during the final quarter at Turing School of Software & Design.

MyFlyBox is a modern way for Colorado fly fishers to organize and keep track of their flies. A user can input a new fly into their box, make edits, or remove the fly entirely. Additionally, the user can either take or upload an image of a fish they've caught, add in information regarding the fish (including species, length, weight, location caught, and fly used) and save it to their MyFlyBox app as a convenient way to look back on the fish they've caught. If the user is unsure of the species, MyFlyBox will use the image provided to identify the species for them.

The front-end repository of the app can be found here, and the back-end repository can be found here. Additionally, the back-end production site can be found here.

Technologies Used (Front-End)

• React Native
• Redux
• React Native Testing Library
• Jest
• Expo
• TravisCI

UI/UX

Adding a New Fly

Editing a Fly

Deleting a Fly

Adding a New Fish - Image Selector

Adding a New Fish - Species Identifier

The user is unsure what species of fish they have caught, so they enter "Unknown" under the species input field. When submitting the fish, MyFlyBox uses the uploaded image to identify and update the species name for them (in this case, it looks like the user has caught a Rainbow Trout).

Editing a Fish

Deleting a Fish

Setup

1. Fork this repository.

2. Clone your forked repository.

3. Change into the directory and install the project dependencies by running npm install

4. Run the Expo server with the command expo start which will open a window on your browser.

5. Select to either run on iOS simulator using an iPhone 11, or if you have the Expo Client app downloaded on your iOS device, scan the QR code to open the app on your device.

Learning Goals

• Work across programs to create a project that demonstrates our knowledge gained throughout Turing, while also stretching ourselves to self-teach and implement new technologies (we chose React Native and Redux on the front-end).

• Gain experience dividing applications into components and domains of responsibilities to facilitate multi-developer teams.

• Practice an advanced, professional git workflow in a remote environment.

• Focus on communication between front-end and back-end teams in order to complete and deploy features.

Future Iterations

• Multi-user login functionality.

• Ability for user to favorite specified flies.

• Allow a user to search their flies by name, as well as filter them based on type, size, and number of fish caught.

Development Team

Front-End:

• Rachael Thomas
• Charlie Bandstra
• Tim Nguyen

Back-End:

• Fred Rondina
• Tyler Tomlinson