Skip to content

rahimprz/Dark-Dashboard

Repository files navigation

🌑 Dark Dashboard – Vite + React + TypeScript

A clean, dark-themed admin dashboard built using React, Vite, TypeScript, Tailwind CSS, and React Router DOM. Lightweight, blazing fast, and perfect for modern web apps.

🔗 GitHub Repo: Dark Dashboard


🖥️ Live Preview (Optional)

You can deploy this on Vercel, Netlify, or any static hosting provider.


🚀 Features

  • ⚡ Super-fast bundling with Vite
  • 🌙 Dark UI theme (fully responsive)
  • 🧭 Routing with React Router v7
  • ✍️ Written in TypeScript
  • 🎨 Utility-first styling using Tailwind CSS
  • 💡 Beautiful SVG icons with Lucide React
  • 🔍 Code linting with ESLint and TypeScript rules

📦 Tech Stack

Tool Purpose
React UI library
Vite Development & build tool
TypeScript Static typing
Tailwind CSS Utility-first CSS framework
React Router DOM Client-side routing
Lucide React Icons
ESLint Linting & code quality


🛠️ Installation & Setup

Install Dependencies

Using npm:

npm install

Or using yarn:

yarn install

Run Development Server

npm run dev
# or
yarn dev

App will be running at:

http://localhost:5173

Build for Production

npm run build
# or
yarn build

Preview Production Build Locally

npm run preview
# or
yarn preview

✏️ Customize Tailwind Theme

Tailwind is fully customizable via tailwind.config.js. You can modify colors, fonts, spacing, and more.


✅ ESLint Configuration

Lint your code for consistent style and error prevention:

npm run lint
# or
yarn lint

About

A clean, dark-themed admin dashboard built using React, Vite, TypeScript, Tailwind CSS, and React Router DOM. Lightweight, blazing fast, and perfect for modern web apps.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors