Skip to content

batdimoiprint/Flowboard-Project-Management-System

Repository files navigation

Flowboard — Project Management System

A comprehensive project management solution designed to streamline workflow and team collaboration. Features include interactive kanban boards, real-time task updates, and robust user management. The frontend uses TypeScript and Fluent UI components; the backend uses ASP.NET Core and MongoDB.

Flowboard screenshot


Quick overview ✅

  • Frontend: React 19 + TypeScript
  • Bundler / dev server: Vite
  • UI library: Fluent UI React (@fluentui/react-components)
  • HTTP client: Axios
  • Forms: react-hook-form

Requirements 💡

  • Node.js 24
  • Yarn
  • .NET 9.0 SDK (if you want to run the backend)
  • MongoDB (for running the backend locally or use a hosted cluster)

Frontend — Quick start (yarn) 🔧

  1. Install dependencies:
yarn install
  1. Create a .env in the frontend root if you need to override the API base URL (optional):
VITE_API_BASE_URL=http://localhost:5158
  1. Start the dev server:
yarn dev
  1. Useful scripts (from package.json):
  • yarn dev — start Vite dev server
  • yarn build — build production bundle
  • yarn preview — preview production build locally
  • yarn lint — run ESLint

The app runs by default at http://localhost:5173 when yarn dev is used.


Contributing ✨

  • Follow existing code patterns (Fluent UI makeStyles, service API modules, strict TypeScript).
  • Open an issue or submit a PR for features or bug fixes.

If you'd like, I can also add more detailed setup for testing, a Docker compose file for local DB, or example environment files. Let me know which you'd prefer next. ✅

About

Project Management System made with Microsoft Fluent UI Components

Topics

Resources

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •  

Languages