Growth Relay

Inspiration

Kids outgrow clothes faster than parents can track and faster than what most closets are able to hold. Parents guess at sizes with a tape measure a toddler won't hold still for, while usable clothes sit in a bag because nobody knows who needs that exact size. I thought of the pencil marks parents make on a doorframe, a growth record that builds itself, and asked what it would look like if that record came from real measurements, and if outgrowing a size was the same moment it got handed to the next kid who needed it.

What it does

A parent scans their kid with a camera or uploaded photos, and the SnapMeasure API returns height, chest, waist, inseam, and an estimated clothing size. Every scan becomes a mark on a growth ruler, and the app predicts roughly when the current size will run out. When something's outgrown, a family posts a donation request with private delivery info, donors list what they have, and Growth Relay matches them by size, age, and location. The family reviews and accepts a match, delivery details unlock, and the donation gets tracked through to completion.

How I built it

Next.js, TypeScript, and Tailwind is used and the app never puts the child's info on a third-party server. The camera capture is built on on getUserMedia and canvas, and a scoring formula matches donation requests to donor offers automatically.

Challenges I ran into

The camera was the hardest bug, especially getting it to show a live preview and camera feed for when the picture is being clicked. The code tried to attach the stream before the camera was "live" and the connection silently failed. The other challenge was that all donation requests and offers had to stay in sync and a family's address had to stay hidden until a match was actually accepted.

Accomplishments that I'm proud of

Getting the full donation cycle to work was extremely fulling. I also was quite proud when I was able to get the camera and live feed working.

What I learned

I learnt how to get a camera live feed and capture image using that, which was a first for me. I also learnt about the SnapMeasure API for the very first time, which seemed quite cool.

What's next for Growth Relay

1. Add notifications outside the app, email or text when a match is found or a donation ships.
2. Improve location matching for when the databases of donors and donation requesters grow.

Built With

• next.js
• snapmeasure
• tailwindcss
• typescript