Skip to content

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

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages