Build Team Standup App with Slack

What you're building: Team collaboration app for daily standups and announcements with Slack integration

Tech stack: React + NestJS + PostgreSQL + Slack Webhooks

Step 1: Tell Cocoding.ai What to Build

Copy/paste this prompt:

Build a team standup and announcements app with Slack integration.

Features:
- Submit daily standups (yesterday, today, blockers)
- Post team announcements
- Automatically send updates to Slack channel
- Use Postgres database with TypeORM
- Beautiful React UI with Tailwind CSS

Cocoding.ai creates everything automatically — backend, frontend, database, deployment.

Step 2: Create Slack Webhook

2.1 Go to Slack API

Visit: [api.slack.com/apps](https://api.slack.com/apps)

📸 Screenshot placeholder: Slack API apps page

2.2 Create App

1. Click "Create New App"
2. Choose "From scratch"
3. App name: Standup Bot
4. Select your workspace
5. Click "Create App"

📸 Screenshot placeholder: Create app form

2.3 Enable Incoming Webhooks

1. In sidebar, click "Incoming Webhooks"
2. Toggle "Activate Incoming Webhooks" to ON
3. Click "Add New Webhook to Workspace"

📸 Screenshot placeholder: Incoming webhooks settings

2.4 Choose Channel

1. Select a channel (e.g., #general, #standups)
2. Click "Allow"

📸 Screenshot placeholder: Channel selection

2.5 Copy Webhook URL

You'll see a URL like:

https://hooks.slack.com/services/T0A5L71J93K/B0A4RRBKZ39/xxxxxxxxxxxxxxxxxxx

Copy this URL — you'll need it next.

Step 3: Add Webhook to App

📸 Screenshot placeholder: .env file showing SLACK_WEBHOOK_URL

Open backend/.env and update:

SLACK_WEBHOOK_URL=https://hooks.slack.com/services/YOUR/ACTUAL/WEBHOOK

Save the file — backend restarts automatically.

Step 4: Test Your App

📸 Screenshot placeholder: App homepage with navigation

4.1 Submit Standup

1. Open the app (Cocoding.ai provides URL)
2. Click "Submit Standup"

📸 Screenshot placeholder: Standup submission form

1. Fill in:

- Your name

- What you did yesterday

- What you'll do today

- Blockers (optional)

1. Click "Submit Standup"

📸 Screenshot placeholder: Standup list showing submitted entries

1. Click "Send to Slack"
2. Check your Slack channel for the message!

📸 Screenshot placeholder: Slack message in channel

4.2 Post Announcement

1. Click "New Announcement"
2. Enter title and message
3. Click "Post Announcement"
4. Appears automatically in Slack!

Troubleshooting

Messages not sending to Slack?

• Verify webhook URL in .env is complete
• Check URL starts with
• Restart backend after updating .env

Backend not running?

cd backend
pnpm run start:dev

Frontend not loading?

cd frontend
pnpm run dev

Can't see standups?

• Check PostgreSQL is running on localhost:5432
• Verify backend is running on port 8001

Security Best Practices

✅ Never share webhook URL publicly

✅ Don't commit `.env` to git

✅ Regenerate if exposed:

1. Go to Slack API → Your app
2. Incoming Webhooks → Remove webhook
3. Create new webhook
4. Update .env with new URL

Customize Your App

Tell Cocoding.ai what you want:

• "Add user authentication with JWT"
• "Add ability to edit standups"
• "Send weekly standup summaries"
• "Add file upload for announcements"
• "Add email notifications"
• "Integrate with Microsoft Teams instead of Slack"
• "Add dark mode toggle"
• "Export standups to CSV"

Pro Tips

1. Create dedicated channel — Use #standups instead of #general
2. Test first — Send test announcement before team uses it
3. Set reminders — Use Slack's /remind to prompt daily standups
4. Customize format — Edit Slack message template to match team style

FAQ

Q: Can I post to multiple channels?

A: One webhook = one channel. For multiple, create multiple webhooks and ask Cocoding.ai: "Add support for multiple Slack channels"

Q: Can I see old standups?

A: Ask Cocoding.ai: "Add ability to view standups from previous days"

Q: Can I export data?

A: Ask Cocoding.ai: "Add CSV export for standups"

Q: Does this work with Microsoft Teams?

A: Ask Cocoding.ai: "Add Microsoft Teams webhook integration"