Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abhishek-bharti1/marble__ai
Here's a refined version of an admin dashboard that provides statistics according to a particular date.
https://github.com/abhishek-bharti1/marble__ai
chartjs javascript primereact reactjs toolkit
Last synced: about 10 hours ago
JSON representation
Here's a refined version of an admin dashboard that provides statistics according to a particular date.
- Host: GitHub
- URL: https://github.com/abhishek-bharti1/marble__ai
- Owner: Abhishek-Bharti1
- Created: 2024-02-28T09:25:06.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-03-01T09:01:25.000Z (8 months ago)
- Last Synced: 2024-03-01T12:46:39.096Z (8 months ago)
- Topics: chartjs, javascript, primereact, reactjs, toolkit
- Language: JavaScript
- Homepage: https://marble-ai-tau.vercel.app/
- Size: 380 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Admin Dashboard with React, PrimeReact, and Chart.js
This project is a customizable admin dashboard built using React.js, PrimeReact UI library, and Chart.js for data visualization. It provides a user-friendly interface for managing and monitoring various aspects of your application or system.
## Features
- Responsive layout suitable for desktop and mobile devices.
- Dashboard overview with key metrics displayed using charts and graphs.
- Data visualization using Chart.js for better insights.
- Customizable components from PrimeReact for UI elements.
- Easy-to-use and intuitive interface for administrators.
- Modular code structure for scalability and maintainability.## Requirements
- Node.js (>= 10.x)
- npm (>= 6.x)## Installation
1. Clone the repository: git clone https://github.com/Abhishek-Bharti1/marble__ai.git
2. Navigate to the project directory: cd marble__ai
3. Install dependencies: npm install
4. Start the development server: npm start
5. Open your browser and navigate to `http://localhost:3000` to view the dashboard.## Configuration
- Customize the UI components and layout in `src/components` and `src/views` according to your requirements.## Deployment
To deploy the dashboard for production, you can build the project: npm run build
This will create a `build` folder containing optimized static assets that can be deployed to a web server or cloud platform.
## Contributing
Contributions are welcome! Feel free to open issues or submit pull requests for any improvements or features you'd like to see.
## Acknowledgments
- PrimeReact: https://www.primefaces.org/primereact/
- Chart.js: https://www.chartjs.org/## Contact
For any inquiries or support, please contact [email protected].