DEV Community

Cover image for BFF-Build For Friend
Shivani Pal
Shivani Pal

Posted on

BFF-Build For Friend

#devchallenge #weekendchallenge #hf26challenge

This is a submission for the Hacktoberfest Weekend Challenge: Build for a Friend

What I Built

Most software projects obsess over getting thousands or millions of monthly active users. BFF (Build For a Friend) flips that script completely.

It is a cozy, human-centered project studio built around one single manifesto:

"Pick one real person and build something for them. It doesn't have to be big. It has to matter to them."

Instead of an over-engineered dashboard, BFF showcases three real, functioning micro-tools built for specific loved ones, alongside an interactive builder to plan your own:

  1. 🥗 Roommate's Allergy Meal Planner (Built for Alex): Alex has severe peanut and gluten allergies, making shared dinners and takeout a constant source of anxiety. This tool provides an instant allergy safety toggle and a "Surprise Alex" randomizer that guarantees 100% allergy-safe comfort meals in seconds.
  2. 🗣️ Patient Practice Partner (Built for Mateo): Mateo is moving to Madrid and gets anxious when ordering coffee or food in Spanish. This tool gives him a zero-judgment conversation buddy with instant gentle coach feedback and pronunciation tips.
  3. 🎙️ Grandpa's Voice Memo Recipe Book (Built for Grandpa Joe, Age 84): Grandpa never writes recipes down; he sends rambling 8-minute WhatsApp voice memos. This tool extracts his cooking wisdom (like melting the Parmesan cheese rind into the sauce) into a printable vintage family keepsake card.
  4. ✨ The Project Studio: Allows anyone to answer 3 simple questions about a person in their life and immediately save, track, and gift a micro-project to them.

Demo

Code

GitHub logo shivv2430 / BFF

BFF — Build For a Friend 💛

"Pick one real person and build something for them. It doesn't have to be big. It has to matter to them."

A simple, cozy web app designed to inspire and track micro-projects built with care for an audience of one.

🔗 Live Demo: https://shivv2430.github.io/BFF/
📦 GitHub Repository: https://github.com/shivv2430/BFF

🌟 About The Project

Most coding projects try to reach thousands or millions of users. BFF (Build For a Friend) flips that script:

  • Audience of One: Build for your roommate, your grandpa, your partner, your sibling, or your best friend.
  • Micro Over Massive: It can be built in an afternoon or a weekend. A single helpful button or thoughtful feature is better than an overwhelming dashboard.
  • Gift Culture: Treat software like a handmade birthday card or baked cookies. Send the link in a text message and see their face light up.
…
View on GitHub

How I Built It

I chose to build this with clean, accessible Vanilla HTML5, modern CSS, and plain JavaScript — no massive framework bloat, complex configs, or node_modules black holes.

  • Local Persistence: Uses localStorage to save your drafted projects directly in your browser.
  • Interactive Prototyping: Features interactive filters, simulated voice memo transcripts, and conversational dialogue trees.
  • AI-Assisted Pair Programming: Built iteratively with agentic AI tooling (opencode & agent workflows), focusing on rapid human-first design, empathetic UI/UX, and keeping code accessible and understandable for beginners.

Why Does Open Innovation Matter?

Building for an "Audience of One" embodies the true spirit of open-source and open innovation.

Big tech platforms build for mass commercial scale and engagement metrics. They don't have an incentive to build an app that only one roommate, one grandfather, or one friend will ever use.

Open innovation, open web standards, and accessible AI lower the barrier so that anyone can craft custom software as a personal gift — just like knitting a warm sweater or baking cookies. You don't need venture capital or closed proprietary APIs to build something that brings tears of joy to someone you care about.

My Agent Session

This project was planned, designed, and iterated using agentic pair programming via the terminal and developer environment:

  • Iterative scaffolding of the 3 starter concepts into working interactive prototypes.
  • Human-in-the-loop feedback to deliberately simplify the design, ensuring it feels warm, authentic, and approachable rather than an impersonal enterprise SaaS template.

Prize Categories

  • Build for a Friend (Grand Prize & Community Favorite)
  • Most Heartwarming / Audience of One
  • Clean & Accessible Web -Created by Shivani Pal

Top comments (0)