Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/xigmadev/reactdashboard

Statistics Admin Dashboard Panel with React and material tailwind
https://github.com/xigmadev/reactdashboard

admin-dashboard-ui eslint javascript material-tailwind react statistics

Last synced: 20 days ago
JSON representation

Statistics Admin Dashboard Panel with React and material tailwind

Host: GitHub
URL: https://github.com/xigmadev/reactdashboard
Owner: XigmaDev
License: mit
Created: 2023-10-26T16:41:29.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-06-14T22:07:11.000Z (7 months ago)
Last Synced: 2024-06-15T09:48:27.660Z (7 months ago)
Topics: admin-dashboard-ui, eslint, javascript, material-tailwind, react, statistics
Language: JavaScript
Homepage: http://xigma.dev/ReactDashboard
Size: 2.59 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # React Single Page Project with Material Tailwind CSS and ApexCharts

This project showcases a single-page application built with React, Material Tailwind CSS, and ApexCharts. It fetches random data from a REST API and visualizes it using ApexCharts.

![build](https://github.com/aliaskarii/admin-dashboard/actions/workflows/pages.yml/badge.svg)

![NPM](https://img.shields.io/npm/v/admin-dashboard.svg)

![Code Size](https://img.shields.io/github/languages/code-size/aliaskarii/admin-dashboard?label=Code%20Size)

![License](https://img.shields.io/github/license/aliaskarii/admin-dashboard?label=License)

- [Admin Dashboard Preview](https://xigma.dev/admin-dashboard/)

## Table of Contents

- [Features](#features)

- [Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Installation](#installation)

- [Usage](#usage)

- [Technologies Used](#technologies-used)

- [Contributing](#contributing)

- [License](#license)

## Features

- **Single Page Application:** A minimalistic single-page application using React.

- **Material Tailwind CSS:** Styled using Material Tailwind CSS for a modern and responsive design.

- **REST API (Fetch):** Utilizes the Fetch API to fetch random data from a RESTful endpoint.

- **ApexCharts:** Integrates ApexCharts to visualize the fetched data.

## Getting Started

### Prerequisites

Make sure you have the following installed on your machine:

- [Node.js](https://nodejs.org/)

- [npm](https://www.npmjs.com/) (comes with Node.js)

### Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/aliaskarii/admin-dashboard.git

2. Navigate to the project directory::

   ```bash

   cd admin-dashboard

3. Install dependencies::

   ```bash

   npm install

### Usage

1. Run the development server:

   ```bash

   npm start

2. Open your browser and visit http://localhost:3000.

### Technologies Used

    React: A JavaScript library for building user interfaces.

    Material Tailwind CSS: A utility-first CSS framework combined with Material Design.

    ApexCharts: A modern JavaScript charting library to visualize data.

    REST API (Fetch): Fetches random data from a RESTful endpoint.

### Contributing

If you'd like to contribute, please follow these steps:

    Fork the repository.

    Create a new branch (git checkout -b feature/new-feature).

    Commit your changes (git commit -m 'Add new feature').

    Push to the branch (git push origin feature/new-feature).

    Open a pull request.

### License

This project is licensed under the MIT License.

```typescript

Customize this template according to your project's specific details. Ensure you replace placeholders like `aliaskarii` and `admin-dashboard` with your actual GitHub username and project name. Feel free to add more sections or details as needed. If you have further questions or need additional assistance, let me know!