https://github.com/frau-azadeh/mdf-price-dashboard

MDF Price Dashboard is a modern frontend web application that visualizes rebar pricing trends and forecasts. It integrates with the .NET API and the Python Analysis Service to provide real-time analytics in a clean UI.
https://github.com/frau-azadeh/mdf-price-dashboard

axios react recharts tailwindcss typescript

Last synced: about 2 months ago
JSON representation

MDF Price Dashboard is a modern frontend web application that visualizes rebar pricing trends and forecasts. It integrates with the .NET API and the Python Analysis Service to provide real-time analytics in a clean UI.

• Host: GitHub
• URL: https://github.com/frau-azadeh/mdf-price-dashboard
• Owner: frau-azadeh
• License: mit
• Created: 2025-07-29T15:31:35.000Z (2 months ago)
• Default Branch: master
• Last Pushed: 2025-08-02T13:13:24.000Z (2 months ago)
• Last Synced: 2025-08-02T15:26:47.255Z (2 months ago)
• Topics: axios, react, recharts, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 978 KB
• Stars: 2
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

          

# 📈 Mdf Price Dashboard

![React](https://img.shields.io/badge/React-18-61DAFB?logo=react)

![TailwindCSS](https://img.shields.io/badge/Tailwind-CSS-38B2AC?logo=tailwindcss)

![TypeScript](https://img.shields.io/badge/TypeScript-4.9-blue?logo=typescript)

![License](https://img.shields.io/badge/License-MIT-orange)

## 🚀 Overview

Mdf Price Dashboard is a **modern frontend web application** that visualizes rebar pricing trends and forecasts.  

It integrates with the `.NET API` and the `Python Analysis Service` to provide real-time analytics in a clean UI.

---

## ⚡ Features

- 🔍 **Search & filter** rebar product data  

- 📊 **Interactive charts** (Price trends, Stock by type)  

- 📅 **Jalali date formatting** for tables and graphs  

- 📈 **Forecast visualization** (daily, weekly, monthly)  

- 🌙 **Smooth UI** with TailwindCSS and responsive layout

---

## 🛠️ Tech Stack

- **React 18**

- **TypeScript**

- **TailwindCSS**

- **Recharts** for data visualization

- **Axios** for API calls

---

## 📌 Pages

- **Dashboard:** Product list, search, filtering, stock charts  

- **Price Analysis:** Average, max, min prices and history graph  

- **Forecast:** Future price predictions with interactive charts  

---

## ⚙️ Installation

# Clone the repo

    git clone https://github.com/frau-azadeh/mdf-price-dashboard.git

    cd mdf-price-dashboard

# Install dependencies

    npm install

# Run the app

    npm start

---

## 🤝 Contributing

Contributions are warmly welcomed!

Feel free to fork this repo, create a feature branch, and submit a pull request.

---

## 🌻Developed by

Azadeh Sharifi Soltani