Skip to content

newdaksh/admin-dashboard

Repository files navigation

Admin Dashboard

A modern, responsive admin dashboard built with React 19, Vite 7, Tailwind CSS 4, and Recharts. This project demonstrates a scalable architecture for enterprise dashboards, featuring:

  • Real-time data visualization (charts, stats, tables)
  • Modular component structure
  • Utility-first styling with Tailwind CSS
  • Fast development workflow with Vite

🚀 Tech Stack

  • React 19 – Component-based UI
  • Vite 7 – Lightning-fast build tool
  • Tailwind CSS 4 – Utility-first CSS framework
  • Recharts 3 – Data visualization
  • React Router DOM 7 – SPA routing
  • React Icons – SVG icon packs
  • ESLint – Code quality

📦 Prerequisites

  • Node.js (version 18 or higher recommended)
  • npm (comes with Node.js) or Yarn

🛠️ Installation

  1. Clone the repository:

    git clone https://github.com/your-username/admin-dashboard.git
    cd admin-dashboard
  2. Install dependencies:

    npm install
    # or
    yarn install

💻 Running the Project

Development Mode

Start the local development server with hot reloading:

npm run dev
# or
yarn dev

Visit http://localhost:5173 in your browser.

Production Build

Build the app for production:

npm run build
# or
yarn build

Preview the production build locally:

npm run preview
# or
yarn preview

🧹 Linting & Code Quality

Run ESLint to check for code issues:

npm run lint
# or
yarn lint

🤝 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/YourFeature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin feature/YourFeature)
  5. Open a Pull Request

📄 License

This project is open source and available under the MIT License.


🙋‍♂️ Questions?

Feel free to open an issue or discussion on the repository!

About

Assignment - CoreTeams SofTech

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published