Task Dashboard
A modern, responsive dashboard application built with Next.js, featuring comprehensive financial management tools, dark/light mode, and robust state management.
🌟 Features
- Modern UI: Clean, responsive interface with light and dark mode support
- Financial Management: Track transactions, invoices, payments, bank accounts, and investments
- Dashboard Analytics: Visual data representation with charts and metrics
- State Management: Zustand-powered state management for seamless user experience
- Authentication: User authentication with protected routes
- Responsive Design: Fully responsive across all device sizes
- Theme Switching: Seamless light/dark mode toggle with persistent preferences
🛠️ Technologies
- Framework: React
- Routing: React Router
- Vite: Vite
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Zustand
- Icons: Lucide React
- TypeScript: For type safety and better developer experience
📦 Installation
-
Clone the repository:
Terminal window git clone https://github.com/abdulkareemoj/fobework-task.gitcd task -
Install dependencies:
-
Terminal window # Using npmnpm install# Or using yarnyarn install# Or using pnpmpnpm install -
Start the development server:
Terminal window pnpm dev -
Open your browser and navigate to
http://localhost:5173