Fidash Client

Welcome to the Fidash repository! Fidash is a financial dashboard designed to display comprehensive financial data for an ecommerce website. It provides:

1. insights into profits, revenue, product prices, expenses, operational and non-operational costs
2. real-time information on recent orders

Table of Contents

• Features
• Demo
• Technologies

Features

Fidash offers several features to help managing and visualizing financial data:

• Financial Overview: Get a quick snapshot of the profits, revenue, and expenses.
• Product Pricing Analysis: Monitor and analyze the prices of the products to optimize pricing strategy.
• Expense Tracking: Keep track of both operational and non-operational expenses to manage budget effectively.
• Recent Orders: View real-time information about the most recent orders, helping to stay on top of sales.
• Data Visualization: Interactive charts and graphs provide clear visual representations of the financial data.
• User-Friendly Interface: A user-friendly interface makes navigation and data interpretation intuitive.

Demo

https://fidash.loganqiu.org/

Technologies

Fidash is built using the following technologies:

Frontend

• React: I chose React for its component-based architecture, making it easier to manage complex UI elements and data interactions within the dashboard.
• Redux: Redux provides a predictable state management system to efficiently manage and update the application's global state, which is crucial for handling financial data.
• TypeScript: TypeScript enhances the development process by providing static type checking and improved code readability, reducing errors and making maintenance smoother.
• Recharts: Recharts offers a simple and customizable way to create data visualizations to present financial data in a clear and engaging manner.
• Material-UI (MUI): Material-UI's pre-designed components and responsive design create a polished and user-friendly interface for the dashboard.

Backend

• MongoDB: MongoDB offers a flexible and scalable database solution to store and manage the financial data efficiently.
• Express: Express is a fast and minimalist web application framework for Node.js, providing a solid foundation for building the backend of the application.

Disclaimer: The backend components are maintained in a distinct repository, following a microservice architecture approach. https://github.com/logan-qiu/fidash-backend