Skip to content

youngbee08/flow-unit-landing

Repository files navigation

FlowUnit: Clarity Without the Chaos ✨

FlowUnit is a modern, responsive landing page and sign-up/verification flow for a task and team management application. It showcases the core features of the FlowUnit platform, designed to help individuals and teams transform project ideas into structured, actionable tasks, ensuring organized planning and efficient execution.

Features

  • Intuitive Landing Page: A beautifully designed, animated landing page built with React and Framer Motion, highlighting key features and benefits.
  • Smart Generator: Explains the AI-powered task generation from project descriptions.
  • Manual Task Creation: Details the flexibility for users to create and manage tasks manually.
  • Team Collaboration: Emphasizes shared workspaces for assigning tasks and tracking ownership.
  • Progress Clarity: Visual insights into task statuses, keeping projects on track.
  • Clean Project Structure: Promotes organized workflows that scale with project growth.
  • Secure by Design: Highlights account and team-based access control for project privacy.
  • Responsive Design: Optimized for a seamless experience across all devices.
  • User Authentication Flow: Includes a robust sign-up and email verification process.
  • Legal Pages: Dedicated sections for Privacy Policy and Terms of Service.

Usage

FlowUnit provides a comprehensive introduction to its task and team management capabilities.

  1. Explore the Landing Page: Navigate to the root URL (/) to experience the interactive landing page. Here, you can learn about FlowUnit's features, workflow, testimonials, and FAQs.

    FlowUnit Dashboard Preview An overview of the FlowUnit dashboard, demonstrating project clarity and task organization.

  2. Sign Up for an Account: Click "Get Started" or navigate to /get-started. Fill in your name, username, email, and password to create a new FlowUnit account. The form includes client-side validation using Formik and Yup.

    FlowUnit Signup Page The sign-up interface for new users, designed for a smooth onboarding experience.

  3. Verify Your Email: After signing up, you will be redirected to the /verify-email page. Enter the 6-digit OTP sent to your registered email address to complete the verification process. You can also resend the OTP if needed.

    FlowUnit Email Verification The email verification screen, featuring an intuitive OTP input field.

  4. Legal Information: Access the Privacy Policy (/legal/privacy-policy) and Terms of Service (/legal/terms-of-service) via the footer links. These pages are dynamically rendered using the LegalTemplate component.

Technologies Used

Category Technology Description
Frontend React
TypeScript
Vite
A JavaScript library for building user interfaces.
Tailwind CSS A utility-first CSS framework for rapidly building custom designs.
Framer Motion A production-ready motion library for React.
Form Mgt. Formik
Yup
Form builder and validation schema for React.
HTTP Client Axios Promise-based HTTP client for the browser and Node.js.
UI/UX Sonner
Lucide React
React Icons
A modern toast library, a beautiful icon set, and a comprehensive icon library.

Author Info

Developed with passion and precision.

About

FlowUnit is a modern, responsive task and team management application. Designed to help individuals and teams transform project ideas into structured, actionable tasks, ensuring organized planning and efficient execution.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors