swAPP

Tech stack used:

React icon

React

TypeScript icon

TypeScript

Material UI icon

Material UI

CSS icon

CSS

Supabase icon

Supabase

Jest icon

Jest

Brief:

In just 5 weeks, our team of 6 tackled the problem of reducing waste through a creative app solution.

Problem: People possess unwanted items and seek to exchange them for things they truly need, reducing waste.

Solution: Introducing our app—a platform where users can list their unused items and trade them for tokens. These tokens can then be exchanged for desired items from fellow users' listings.

App features:

  1. Sign Up and Log In: Create an account and securely log in.
  2. Informative Landing Page: Get instructions and guidance.
  3. Convenient Homepage: Browse and filter items by title.
  4. Token-based Item Claiming: Exchange items using tokens.
  5. Token Generation: Earn tokens by uploading items.
  6. Token Tracker: Easily track your token balance.
  7. Personalized Account Page: View and manage your item listings.
  8. User-friendly Navigation: Responsive design for all devices.
A screenshot of our groups manifesto and what is important to us A screenshot of our disney ideation planning for our app A screenshot of our decided MVP features Pie charts of responses to our user survey
A low-fidelity wireframe design for the app A low-fidelity mobile first wireframe design for the app A high-fidelity mobile first wireframe design for the homepage A high-fidelity mobile first wireframe design for the login and sign up page A high-fidelity mobile first wireframe design for the confirm address pop-up A high-fidelity mobile first wireframe design for the account page

What I learned:

  • Gained a better understanding of Typescript and how it is useful.
  • Effectively used Git branching and merge conflict resolution.
  • Solidified the importance of working well in a team.
  • Learned how to build figma prototypes.
  • Highlighted the importance of user research.
  • Concentrated on time management and delagation strategies.
  • Gained a more solid understanding of how to implement MaterialUI components.