SeorangAbi Dashboard
SeorangAbi Dashboard
SeorangAbi Dashboard is the administrative control center of the SeorangAbi platform. This web-based interface provides comprehensive management tools for administrators to oversee projects, teams, tasks, and business operations within the SeorangAbi creative agency ecosystem.
Built with modern frontend technologies, the dashboard offers an intuitive user experience with powerful data visualization, real-time updates, and streamlined workflow management capabilities.
Key Features
- Project Management: Create, monitor, and manage creative projects through their entire lifecycle
- Team Administration: Manage team members, roles, permissions, and workload distribution
- Task Tracking: Monitor task progress, deadlines, and resource allocation
- Financial Oversight: Track project fees, payrolls, and financial performance
- Analytics Dashboard: Visual reports and insights on productivity, performance, and business metrics
Technology Stack
- React: Frontend library for building the user interface
- Next.js: React framework for server-side rendering and static site generation
- TypeScript: Type-safe JavaScript for robust code
- Tailwind CSS: Utility-first CSS framework for styling
- Tanstack Query: Data fetching and state management
- Rechart: Data visualization libraries
- NextAuth: Authentication and authorization
Installation
Prerequisites
- Node.js 18+
- yarn
- Access to SeorangAbi API endpoints
Setup
- Clone the repository:
git clone https://github.com/seorangabi/dashboard.git
cd dashboard- Install dependencies:
yarn install- Configure environment variables:
cp .env.example .env.local- Start the development server:
yarn dev