Task Dashboard

A modern, responsive dashboard application built with Next.js, featuring comprehensive financial management tools, dark/light mode, and robust state management. Assessment for Frontend Developer at Fobework.

🌟 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

1. Clone the repository:

   git clone https://github.com/yourusername/kokonut-dashboard.git
   cd task

2. Install dependencies:

3.  # Using npm
    npm install
   
    # Or using yarn
    yarn install
   
    # Or using pnpm
   pnpm install

4. Start the development server:

    pnpm dev

5. Open your browser and navigate to http://localhost:5173