Acta is a modern, beautifully designed task management application that brings simplicity and power together. Organize your workflow, track progress, and achieve more with our elegantly crafted task manager that rides the wave of productivity.
Acta offers a comprehensive set of features to help you manage your tasks and projects efficiently:
- Smart Task Management: Create, edit, and delete tasks with an intuitive interface
- Progress Analytics: Track your productivity with beautiful charts and insights
- Lightning Fast: Optimistic updates for instant feedback on every action
- Secure & Private: Your data is encrypted and protected at all times
- Beautiful Themes: Light and dark mode with vibrant orange branding
- Responsive Design: Works seamlessly across desktop, tablet, and mobile devices
- Modern UI Components: Built with shadcn/ui for consistent, accessible design
- Real-time Updates: Stay synchronized across all your devices
- React 19.2.3 - Modern React with latest features
- TypeScript - Type-safe development
- Vite - Lightning-fast build tool
- Tailwind CSS - Utility-first styling
- Framer Motion - Smooth animations and transitions
- shadcn/ui - Complete component library (49+ components)
- Radix UI - Accessible, unstyled UI primitives
- Lucide React - Beautiful icon library
- React Hook Form + Zod - Form handling and validation
- Zustand - Lightweight state management with persistence
- TanStack React Query - Powerful data fetching and caching
- Axios - HTTP client with JWT authentication
- React Router DOM v7 - Client-side routing
- ESLint - Code linting with TypeScript rules
- PostCSS + Autoprefixer - CSS processing
- SWC - Fast TypeScript/JavaScript compiler
Acta features a carefully crafted design system with:
- Color Palette: Vibrant orange primary colors with clean white/black backgrounds
- Typography: Inter font family for excellent readability
- Glass Morphism: Modern frosted glass effects
- Responsive Grid: Mobile-first design approach
- Smooth Animations: Delightful micro-interactions
- Accessibility: WCAG compliant components
src/
├── components/
│ ├── ui/ # shadcn/ui components (49 components)
│ ├── layout/ # Navigation, footer, and layout components
│ ├── dashboard/ # Dashboard-specific components
│ ├── providers/ # Theme and context providers
│ └── settings/ # Settings and configuration components
├── hooks/ # Custom React hooks
├── lib/
│ ├── api-client.ts # Axios setup with JWT auth
│ └── utils.ts # Utility functions
├── pages/ # Page components
├── store/ # Zustand stores
└── assets/ # Images and static assets
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone <repository-url>
cd acta-frontend- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:8080
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
This is the frontend application for Acta, currently featuring:
- ✅ Complete UI component library setup (Shadcn UI & Radix)
- ✅ Modern theme system (Light/Dark modes + dynamic preset selections)
- ✅ Responsive landing landing/marketing sections
- ✅ Fully integrated User authentication & Registration flows
- ✅ API client (Axios) with automatic JWT token refreshing & blacklisting on logout
- ✅ Active task dashboard (Inbox, Today, Tasks, Completed views)
- ✅ Google OAuth2 Single Sign-On flow with re-render loop protection
- ✅ Responsive design, featuring an auto-collapsing sidebar on mobile screens that functions as a sliding drawer with a transparent click-away overlay
- ✅ Global Error Boundary wrapper catching rendering crashes gracefully
- ✅ Standardized database model task status options (
"todo","in_progress","completed","cancelled") - ✅ Production-ready Vite build configurations
- Real-time collaboration and board share keys
- Advanced analytics report generation exports
- Mobile companion application wrapper (Capacitor/React Native)
We welcome contributions to Acta! Please feel free to submit issues, feature requests, or pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.
Oluwaseyi - GitHub
Acta - Ride the wave of productivity! 🌊