Skip to content

Repository files navigation

Admin Dashboard

A full-stack analytics dashboard with a React + Vite frontend and a Django REST Framework backend.

Features

  • KPI stats grid (revenue, orders, trends)
  • Revenue and sales charts (Recharts)
  • Orders table with status tracking (completed / pending / cancelled)
  • Activity feed
  • REST API powered by Django with SQLite

Tech Stack

Layer Technology
Frontend React 19, Vite, Tailwind CSS v4
Charts Recharts
Icons Lucide React
Backend Django, Django REST Framework
Database SQLite

Getting Started

Backend

pip install -r backend/requirements.txt
python manage.py migrate
python manage.py loaddata Dashboard/fixtures/stats.json  # optional seed data
python manage.py runserver

Frontend

npm install
npm run dev

Frontend runs on http://localhost:5173, backend on http://localhost:8000.

Project Structure

├── backend/          # Django project settings
├── Dashboard/        # Django app (models, views, serializers)
└── src/
    └── components/
        ├── Dashboard/   # StatsGrid, Charts, Table, ActivityFeed
        └── layout/      # Header, Sidebar

API Endpoints

Method Endpoint Description
GET /api/stats/ List all stats
GET /api/orders/ List all orders

About

A full-stack analytics dashboard built with React (Vite) on the frontend and Django REST Framework on the backend. It displays business KPIs — stats, revenue/sales charts, order tables, and an activity feed — with data served via a REST API backed by PostgreSQL

Resources

Stars

36 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages