Nathan Affleck
Back to projects
Screenshot of a mobile interface for a list of garden items, with a card per plant and interaction buttons.
The garden section for managing your plants, with details of the plants name, watering status and a general image of the plant species.
Screenshot of a mobile interface displaying details about a plant, featuring information about the plant species, maintainence details and section underneath for adding and reading journal entries.
The individual plant page to show the user details fetched about the plant from our database, with support for custom naming and journal entries.
Screenshot of a mobile interface displaying a list of plants with icons to highlight specific details about the plant such as sunlight needs.
The buddy finder page lists plant species we have available to add to your garden with species specific data/information.

Buddy App - Frontend

Bootcamp Project
Dec 2024

Skills used

  • React
  • React Native
  • Tailwind
  • RESTful APIs

Summary

For the frontend section of the project, working with my team, I participated in the wireframing and design process. I aided in implementing the React Native navigation and routing for pages, adding additional functionality and integrating the backend data into our UI through CRUD app design patterns.

What Went Well

  • Wireframing helped the team plan and develop across multiple features linearly.

  • Core functionality was successfully implemented and demoed in the short time frame we had.

What I Learned

  • The fundamentals of page routing frameworks, such as React Native with Expo.

  • The differences in mobile native development from web development, such as more in-depth considerations and a larger toolkit for user interaction in creating mobile user experiences.

  • Working within a development project team and the considerations needed for dividing tasks to continue progression.

What I’d Improve

  • Perform a design iteration for the interface to modernise the application pages, with more consistent typography and color scheming.

  • Improve user experience decisions, such as the placement of buttons to make the interface more intuitive and group interactions appropiately.

Back to top