Simple Explanation: Crowdfunding DAO Project

Simple Explanation: Crowdfunding DAO Project

🎯 What This Project Is

A web application that lets people create and fund community projects together, where everyone can see where the money goes and vote on decisions.

🔧 What We Built

  • Backend Server (Node.js/Express): Handles data and rules
  • Frontend Website (HTML/CSS/JavaScript): User interface
  • No Database: Uses JavaScript arrays to store data (resets when server restarts)

🏗️ How It Works – Simple Flow

1. Join the Community

javascript

// You become a member
{
  name: "Alice",
  walletAddress: "0x123abc",
  joinDate: "2024-01-15"
}

2. Create a Project

  • Title: “Save the Community Garden”
  • Goal: $2,000
  • Description: “Renovate our local garden”
  • Creator: Your wallet address

3. People Donate

javascript

// Transparent donations
campaign.currentAmount += 50; // Everyone sees this update

4. Community Votes

  • Members vote 👍 or 👎 on projects
  • Everyone sees real-time results

5. Track Progress

javascript

// Visual progress bar
progressWidth = (currentAmount / goalAmount) * 100 + "%";

💻 Files We Created

Backend (simple-dao-server.js)

javascript

// Handles:
app.post('/api/campaigns')        // Create projects
app.post('/api/campaigns/donate') // Accept donations  
app.post('/api/campaigns/vote')   // Process votes
app.get('/api/campaigns')         // Show all projects

Frontend (public/index.html)

html

<!-- User Interface with:
- Join DAO form
- Create project form  
- Projects display with progress bars
- Voting buttons
- Real-time updates
-->

🚀 How to Run It

  1. Open Visual Studio Code
  2. Terminal → New Terminal
  3. Run these commands:

bash

npm install
npm start
  1. Open browser to: http://localhost:3000

🎮 What You Can Do

  1. Join – Enter name & wallet address
  2. Create – Start a funding campaign
  3. Donate – Contribute to projects
  4. Vote – 👍 or 👎 on campaigns
  5. Watch – See real-time progress

🔍 Key Features

  • Transparent: Everyone sees all transactions
  • Democratic: Community votes on projects
  • Real-time: Progress updates instantly
  • Simple: No blockchain complexity
  • Visual: Progress bars and status indicators

📊 Example Project Display

text

🌻 Save the Community Garden
"Renovate our local garden space"
████████████░░░░░░ 65% ($1,300 / $2,000)
Status: active  |  Votes: 12 👍 2 👎
[Donate 1 ETH] [Vote 👍] [Vote 👎]

💡 Why This Matters

This demonstrates how regular web technology (JavaScript) can create transparent, community-controlled funding systems without needing complex blockchain setup.

Get full project here https://github.com/saintmavshero/DAO