Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kalmix/medtech

Interactive Dashboard built with React and TailwindCSS. Read the docs below:
https://github.com/kalmix/medtech

dashboard react tailwindcss vite

Last synced: about 1 month ago
JSON representation

Interactive Dashboard built with React and TailwindCSS. Read the docs below:

Awesome Lists containing this project

README

        

# Medtech

![React](https://img.shields.io/badge/React-v18.2.0^-blue?style=flat&logo=react)
![Vite](https://img.shields.io/badge/Vite-v4.5.2-yellow?style=flat&logo=vite)
![License](https://img.shields.io/badge/license-MIT-green?style=flat)
![Node](https://img.shields.io/badge/node-%3E%3D%2016.0.0-brightgreen?style=flat&logo=node.js)
![npm](https://img.shields.io/badge/npm-%3E%3D%208.0.0-blue?style=flat&logo=npm)

Medtech is a responsive, modern web dashboard built with React and Vite.

![Screenshot](https://ucarecdn.com/37dda8dd-fec7-4801-beb5-e512b3d400ab/Screenshot20241026211802.png)
## 📂 Folder Structure

The project follows a modular structure for scalability and maintainability.

```
/medtech
├── src/
│ ├── commons/
│ ├── components/
│ ├── css/
│ ├── fonts/
│ ├── images/
│ ├── js/
│ ├── layout/
│ ├── lib/
│ ├── pages/
│ ├── App.tsx
│ └── main.tsx
├── .gitignore
├── index.html
├── package.json
├── README.md
└── vite.config.js
```

## ⚙️ Prerequisites

Ensure you have the following installed:

- [Node.js](https://nodejs.org/) (>= 16.0.0)
- [npm](https://www.npmjs.com/) (>= 8.0.0)

## 🚀 Getting Started

Install the project dependencies:

```bash
npm install
```

## 📜 Available Commands

### Start Development Server

```bash
npm run dev
```

### Build for Production

```bash
npm run build
```

### Preview Production Build

```bash
npm run preview
```

## 📄 License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.