https://github.com/telesyk/sample-team-collaboration-dashboard
A simple React application that copies a typical Canban-Dashboard app
https://github.com/telesyk/sample-team-collaboration-dashboard
context-api daisyui react react-icons react-router react-testing-library reactjs tailwindcss
Last synced: 8 months ago
JSON representation
A simple React application that copies a typical Canban-Dashboard app
- Host: GitHub
- URL: https://github.com/telesyk/sample-team-collaboration-dashboard
- Owner: telesyk
- Created: 2025-07-10T19:25:38.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-08-14T11:40:21.000Z (11 months ago)
- Last Synced: 2025-08-27T21:33:14.305Z (10 months ago)
- Topics: context-api, daisyui, react, react-icons, react-router, react-testing-library, reactjs, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 121 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔧 **Team Collaboration Dashboard**
---
### 💡 Description:
An app where users can manage teams, projects, tasks, and statuses. Similar to Trello/Asana-lite.
### 🧱 Project Structure
```
/src
│
├── /assets # Static assets (icons, images)
├── /components # Reusable UI components (Button, Modal, Card, etc.)
├── /features # Feature-specific components
│ ├── /auth # Auth UI & logic
│ ├── /dashboard # Main app shell
│ ├── /teams # Team management
│ ├── /projects # Project and board views
│ ├── /tasks # Task cards and lists
│
├── /contexts # Context providers (Auth, Theme, AppState)
├── /hooks # Custom hooks (useUser, useTeams, etc.)
├── /reducers # useReducer logic (appReducer, taskReducer)
├── /pages # Page-level components (Login, Home, Settings)
├── /routes # App route definitions
├── /services # API logic, fetch helpers
├── /utils # Utility functions (formatters, validators)
├── /boundaries # Error boundary components
├── /data # Mock data / seeded JSON
├── App.jsx
└── main.jsx # App bootstrap
```
### ⚙️ Tech Stack Recommendation
| Purpose | Tech / Library |
| ------------------- | ------------------------------ |
| Core Framework | React 18+ |
| Styling | Tailwind CSS + daisyUI |
| Auth | Firebase |
| Routing | React Router DOM |
| State Management | Context API + `useReducer` |
| Async Fetch | Native Fetch API / `axios` |
| Component Lazy Load | `React.lazy()` + `Suspense` |
| Error Handling | Custom Error Boundaries |
| Drag & Drop | `@dnd-kit/core` or `react-dnd` |
| Dev Environment | Vite |
| Testing _(opt)_ | Vitest + React Testing Lib |