ReactDashboard

A dynamic and interactive React dashboard project designed to enhance UX/UI skills, leveraging modern UI frameworks like Tailwind CSS. The project integrates React Router for navigation and Redux Toolkit for state management, allowing users to track their finances, set savings goals, and organize expenses by category.

🚀 Features

• Expense Tracking: Log your income and expenses to monitor your financial habits.
• Savings Goals: Set up savings goals for different time periods and track progress over time.
• Categorization: Create and manage categories to group spending and gain better insights into your expenses.
• Modern UI Design: Styled with Tailwind CSS for a sleek, responsive interface.
• State Management: Powered by Redux Toolkit for efficient state handling.
• Navigation: Seamless navigation with React Router for a smooth user experience.

📂 Installation

1. Clone the Repository:

   git clone https://github.com/Team-Umea/ReactDashboard.git  
   

2. Install Dependencies:

   npm install  
   

3. Start the Development Server:

   npm run dev  
   

The app should now be running at http://localhost:5173/

🛠️ Tech Stack

• React — Frontend framework
• Tailwind CSS — Styling
• Redux Toolkit — State management
• React Router — Client-side routing

📑 Project Resources

• Trello Board (Task Management): ReactDashboard Trello
• Project requirements: Google Docs

🎯 Future Improvements

• Charts & Analytics: Visualize spending patterns with charts.
• Authentication: Add user authentication for personalized dashboards.
• Export Data: Enable CSV or PDF export of expense reports.