Skip to content

gboigwe/growcare

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

44 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ”ต GrowCare - Where care flows in circles

Care-centered expense sharing built on Stacks Bitcoin L2. Fair, transparent, and warm.

Care flows in circles. โœจ

Built for the Stacks Vibe Coding Hackathon 2025 ๐Ÿ†

๐ŸŒŸ What is GrowCare?

GrowCare transforms expense sharing from tracking debts into flowing care. Instead of "you owe Alice $50," we recognize that communities operate in circles of mutual careโ€”everyone contributes when they can, everyone receives when they need, and support comes full circle.

Built on Stacks Bitcoin L2 with Clarity smart contracts, GrowCare combines blockchain transparency with human warmth. Every contribution is secured, every moment of care is permanent, and every interaction feels like what it truly is: caring for each other.


๐ŸŒŠ Features

๐Ÿ’œ Care-Centered Design

  • Create Your Circle: Start circles of care with the people who matter
  • Share Care: Track contributions transparently where every gesture counts
  • Flow Care Forward: Support circulates naturallyโ€”no pressure, just care
  • Complete the Circle: Fair reciprocity that feels fair and is fair
  • Care Knows No Borders: Support flows anywhere via blockchain
  • Warm & Balanced: Every interaction designed with empathy and clarity

๐ŸŽจ Beautiful, Thoughtful Design

  • Teal & Purple Gradients: Colors that evoke flow (water) and care (compassion)
  • Flowing Animations: Ripple effects, gentle pulses, circular rotations
  • Human-Centered Loading: "Finding your circles..." instead of cold spinners
  • Glassmorphism UI: Backdrop blur and soft transparency for modern warmth
  • Heart + Circle Icons: Care that flows in circles

๐Ÿ’ GrowCare Brand Philosophy

GrowCare embodies four core pillars:

๐ŸŒŠ Warm & Flowing

"Care flows in circles." Support moves naturally through the community, like water finding its course.

๐Ÿ”ต Clear & Balanced

"Fair as a circle." Everyone equal distance from center. Transparency and fairness build trust.

๐Ÿ’ช Empowering & Inclusive

"Everyone belongs in the circle." No outsiders. Everyone feels valued and empowered.

๐ŸŽฏ Humble but Purposeful

"Quietly keeping care flowing." We solve real problems without fanfare.

Design Language: Teal (flow) + purple (care) gradients. Flowing animations make interactions feel alive. Every word choice reinforces that this is about care flowing, not debt tracking.


๐Ÿ—๏ธ Architecture

Smart Contracts (Clarity 4)

  • expense-factory: Creates and manages circles of care
  • group-treasury: Handles care tracking, sharing, and circle completion
  • Built with Clarity 4 on Stacks for Bitcoin-backed security
  • Uses stacks-block-time for Unix timestamp tracking

Frontend

  • Next.js 15 with React 19 for modern experiences
  • TypeScript for type safety
  • Tailwind CSS with custom GrowCare design system (teal/purple)
  • Stacks.js and Stacks Connect for seamless Web3
  • Flowing Animations with CSS transforms and keyframes

๐Ÿš€ Quick Start

Prerequisites

  • Node.js 18+ and npm
  • Stacks wallet (Leather, Xverse, or compatible)
  • STX on Stacks Testnet (get from faucet)

Installation

  1. Clone the repository

    git clone <your-repo-url>
    cd kind-nest
  2. Install frontend dependencies

    cd frontend
    npm install

Frontend Setup

  1. Start development server

    npm run dev
  2. Open browser Navigate to http://localhost:3000

  3. Connect wallet

    • Click "Connect Stacks Wallet"
    • Make sure you're on Stacks Testnet
    • Get testnet STX from faucet if needed

๐Ÿ”ต How to Use GrowCare

1. Connect Your Wallet ๐Ÿ’™

  • Open GrowCare in your browser
  • Click the teal/purple "Connect Wallet" button
  • Ensure you're on Stacks Testnet
  • Your wallet is now ready to flow care

2. Create Your Circle โญ•

  • Click "Create Your Circle" to start something beautiful
  • Give your circle a meaningful name like "Family Care Circle" or "Friends Support"
  • Choose your caring nickname
  • Confirm and watch your circle form โœจ

3. Invite to Circle

  • Open your circle
  • Click "Invite to Circle" to grow your community
  • Enter their wallet address and a warm nickname
  • Only circle keepers can inviteโ€”keeping circles safe and intimate

4. Share Care ๐Ÿ’œ

  • Click "Share Care" when someone needs support
  • Describe what you're sharing (like "Medical expenses" or "Dinner")
  • Enter the amount and select who should contribute
  • Watch as care flows through your circle

5. See How Care Flows ๐ŸŒŠ

  • View your circle's balance (care flowing to/from you)
  • Positive balance = care flowing to you ๐Ÿ’™
  • Negative balance = time to flow care forward ๐Ÿ”ต
  • Every number tells a story of circular care

6. Flow Care Forward โœจ

  • When it's time to complete the circle, click the amount
  • Send exactly what's needed
  • Care flows naturally when it feels right

๐Ÿ”ง Configuration

Network Configuration

Environment Variables

Frontend (.env.local)

NEXT_PUBLIC_NETWORK=testnet
# Add any additional config here

๐Ÿงช Testing

Frontend

cd frontend
npm run build # Test build
npm run type-check # TypeScript checking
npm run lint # ESLint

๐Ÿ“‚ Project Structure

growcare-mvp/
โ”œโ”€โ”€ contracts/                 # Clarity smart contracts
โ”‚   โ”œโ”€โ”€ contracts/
โ”‚   โ”‚   โ”œโ”€โ”€ groups-treasuri.clar    # Core care & contribution logic
โ”‚   โ”‚   โ””โ”€โ”€ expensess-factori.clar  # Circle creation & management
โ”‚   โ””โ”€โ”€ tests/                 # Contract tests
โ”œโ”€โ”€ frontend/                  # GrowCare web application
โ”‚   โ”œโ”€โ”€ app/                   # Next.js app router
โ”‚   โ”‚   โ”œโ”€โ”€ page.tsx           # Landing page with hero
โ”‚   โ”‚   โ”œโ”€โ”€ dashboard/         # Your circles overview
โ”‚   โ”‚   โ”œโ”€โ”€ groups/[id]/       # Individual circle management
โ”‚   โ”‚   โ”œโ”€โ”€ about/             # GrowCare story & values
โ”‚   โ”‚   โ”œโ”€โ”€ features/          # Features showcase
โ”‚   โ”‚   โ”œโ”€โ”€ how-it-works/      # Step-by-step guide
โ”‚   โ”‚   โ””โ”€โ”€ globals.css        # GrowCare design system & animations
โ”‚   โ”œโ”€โ”€ components/            # Reusable UI components
โ”‚   โ”‚   โ”œโ”€โ”€ ui/                # Button, Input, Card with GrowCare styling
โ”‚   โ”‚   โ””โ”€โ”€ StacksWalletConnect.tsx  # Wallet connection
โ”‚   โ”œโ”€โ”€ lib/                   # Web3 hooks, utils, & contract interactions
โ”‚   โ”‚   โ”œโ”€โ”€ StacksProvider.tsx      # Stacks context provider
โ”‚   โ”‚   โ”œโ”€โ”€ stacks.ts               # Stacks utilities
โ”‚   โ”‚   โ”œโ”€โ”€ stacksHooks.ts          # React Query hooks
โ”‚   โ”‚   โ””โ”€โ”€ contracts.ts            # Contract interaction functions
โ”‚   โ””โ”€โ”€ types/                 # TypeScript definitions
โ”œโ”€โ”€ BRANDING.md               # Complete brand identity guide
โ””โ”€โ”€ README.md                 # You are here! ๐Ÿ”ต

๐Ÿ” Security Considerations

  • Clarity contracts are decidable and safer than Solidity
  • Only circle keepers can invite members
  • Care settlements require exact amounts
  • All transactions are transparent on Bitcoin L2
  • Records are permanent and secured by Bitcoin

๐ŸŒ Deployment

Frontend

The frontend can be deployed to any static hosting service:

  • Vercel (recommended)
  • Netlify
  • Cloudflare Pages
cd frontend
npm run build
npm run start # Production server

๐Ÿ† Hackathon Submission

This project was built for the Stacks Vibe Coding Hackathon 2025 with focus on:

  • Consumer-facing blockchain applications
  • Human-centered Web3 UX
  • Clarity smart contract innovation
  • Real-world social utility

Key Innovation: Circular Care Model

GrowCare introduces a circular reciprocity model that transforms expense tracking from:

  • โŒ Linear debts (A owes B, B owes C)
  • โœ… Circular care flows (everyone โ†’ circle โ†’ everyone)

This isn't just semanticโ€”it's a fundamental reframe of how communities support each other.

Demo

[Link to demo video will be added]

Live Demo

GrowCare Live


๐Ÿ“ž Support


๐Ÿ”ฎ Future Vision

The evolution of care:

Phase 2: Enhanced Care Flow

  • Mobile App: Flow care on-the-go
  • Push Notifications: "Your circle needs care"
  • Receipt Scanning: AI-powered expense tracking
  • Multi-currency: Global circles of care

Phase 3: Community Features

  • Public Circles: Community mutual aid networks
  • Care Analytics: Visualize how care flows
  • Circle Insights: Understand your care patterns
  • Recurring Care: Automated monthly contributions

Phase 4: Ecosystem

  • Circle API: Let other apps integrate care flows
  • Care Tokens: Reputation and gratitude systems
  • Cross-chain: Bridges to other networks
  • DAO Governance: Community-directed development

๐Ÿ’™ About This Project

GrowCare was born from a simple belief: care works best when it flows in circles, not lines.

Traditional expense apps track debts. GrowCare tracks how care circulates through your communityโ€”fair, transparent, continuous. We chose Stacks Bitcoin L2 because care this important deserves Bitcoin security.

Every gradient, every animation, every word is chosen to remind us that behind every wallet address is a human heart. Blockchain's greatest power isn't its technologyโ€”it's its ability to help us trust and care for each other.

Care flows in circles. ๐Ÿ”ตโœจ


Built with ๐Ÿ’œ for the Stacks ecosystem and the Stacks Vibe Coding Hackathon 2025

GrowCare - Where care comes full circle

About

Care-centered expense sharing built on Stacks Bitcoin L2. Fair, transparent, and warm.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors