FlowUnit is a sophisticated project management solution designed to bridge the gap between team collaboration and individual productivity. Built with React 19 and Vite, it provides a high-performance, real-time workspace where teams can plan projects, track tasks, and manage communication within a single, intuitive interface.
- Centralized Project Tracking: Monitor project lifecycles with dynamic progress visualization and status updates.
- Team Management System: Create workspaces, discover users, and manage team invitations via secure tokens.
- Granular Task Control: Assign tasks, set deadlines, and track completion states with optimized table views.
- Robust Authentication: Full-featured auth flow including registration, email OTP verification, and password recovery.
- PWA Capabilities: Offline accessibility and standalone installation for a native-app feel on all devices.
- Modern UI/UX: Fluid transitions using Framer Motion and a responsive layout designed with Tailwind CSS.
| Technology | Application |
|---|---|
| React 19 | Core frontend architecture and state management |
| Vite | Lightning-fast build tooling and development environment |
| Tailwind CSS | Utility-first styling for a modern, responsive design |
| Framer Motion | Advanced motion and layout transitions |
| Axios | Secure and interceptor-based API communication |
| Formik & Yup | Enterprise-grade form handling and schema validation |
| Lucide React | Consistent and professional iconography |
-
Clone the Repository
git clone https://github.com/youngbee08/task-flow-client.git
-
Install Dependencies Navigate to the project directory and run:
npm install
-
Environment Configuration Create a
.envfile in the root directory and provide the following variables:VITE_API_BASE_URL=https://your-backend-api.com/api/v1 VITE_APP_VERSION=1.0.0
-
Launch Development Server
npm run dev
FlowUnit is built for high-efficiency navigation. Once logged in, you can access the following modules:
- Dashboard Overview: A quick glance at your pending tasks, active team members, and overall project completion metrics.
- Project Command Center: Add new projects, define their priority levels, and view detailed task breakdowns.
- Team Management: If you are a team owner, you can search for platform users and send secure email invitations.
- Secure Settings: Update your profile details, change security credentials, or manage your organization's metadata.
We welcome contributions that improve the project’s performance or feature set.
- 🔱 Fork the repository to your own account.
- 🌿 Create a descriptive branch (e.g.,
feature/optimized-task-loading). - 📝 Ensure all changes are validated with the provided ESLint configuration.
- 🚀 Submit a Pull Request with a comprehensive summary of your changes.
Zenith Dev
- Email: hello@zenithdevtech.name.ng
- Website: Zenith Dev Tech
- GitHub: youngbeeh08
- Portfolio: Bamitale Abdulazeem I.
- LinkedIn: Bamitale Abdulazeem I.
