Build a frontend UI for DevBoard

[Navashub]

Description

Build a browser-based frontend that consumes the DevBoard API. This is the face of the project.

Requirements

Pick one of:

• Vanilla HTML + CSS + JS (no build step, beginner-friendly)
• React + Vite (for frontend devs)

What to build

• A task list view — shows all tasks, with status (completed / pending) and priority badge
• A create task form — title, description, priority, due date, owner (select from users)
• A toggle complete button — calls PUT /tasks/{id} with { "completed": true/false }
• A delete button per task — calls DELETE /tasks/{id}
• A user list view — shows all users and how many tasks they have
• Handle loading and error states gracefully

Acceptance Criteria

• Frontend runs at localhost:3000 (React) or localhost:5500 (Vanilla)
• All CRUD operations work without touching /docs
• Looks clean — not necessarily fancy, but usable
• No hardcoded data — everything fetched from the API

Hints

• Start with fetch() calls to http://127.0.0.1:8000
• The API already has CORS configured for localhost:3000 and localhost:5173
• You can serve the HTML file directly with VSCode Live Server

Difficulty

🔴 Advanced