React Dashboard App
Overview
This is a fully responsive dashboard built using React, Redux Toolkit, Next.js, and Tailwind CSS. The dashboard includes:
- User authentication (mocked).
- Dynamic data table with sorting, filtering, and pagination.
- Charts (Bar chart and Line chart) for displaying data.
- A login form with loading states.
Features
- Login Page: Users can log in with mock credentials.
- Dashboard Page: Displays a dynamic table with data and charts.
- Responsive Layout: The app is mobile-friendly using Tailwind CSS.
- State Management: Redux Toolkit is used for managing the application state, including user authentication and table data.
Setup Instructions
Prerequisites
Make sure you have the following installed:
- Node.js (v14 or later)
- npm or yarn
Steps to run the app locally:
- Clone the repository:
```bash
git clone https://github.com/your-username/ResponsiveDashboard.git
https://github.com/kottp6/ResponsiveDashboard (my repo)
cd ResponsiveDashboard
- Install dependencies:
npm install or if you're using yarn :yarn install
- Start the development server:
npm run dev or if you're using yarn :yarn dev
4.Open your browser and go to http://localhost:3000 to see the app running.