https://github.com/notshrirang/parkvision-frontend
Frontend for the dashboard which will display parking statistics and vehicle information predictions
https://github.com/notshrirang/parkvision-frontend
css css3 d3 javascript material-ui mui plotlyjs powerbi react reactjs tailwindcss
Last synced: 2 months ago
JSON representation
Frontend for the dashboard which will display parking statistics and vehicle information predictions
- Host: GitHub
- URL: https://github.com/notshrirang/parkvision-frontend
- Owner: NotShrirang
- Created: 2024-06-06T15:47:22.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-06T16:28:58.000Z (about 2 years ago)
- Last Synced: 2025-02-11T12:36:33.263Z (over 1 year ago)
- Topics: css, css3, d3, javascript, material-ui, mui, plotlyjs, powerbi, react, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://parkvision.vercel.app
- Size: 15.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ParkVision Parking Analytics Dashboard (Frontend)
[](LICENSE)
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Technologies](#technologies)
- [Getting Started](#getting-started)
- [Installation](#installation)
## Introduction
**ParkVision** is an advanced analytics dashboard designed for monitoring parking statistics and customer segmentation. Leveraging the power of AI, it provides actionable insights to optimize parking operations and enhance customer experiences.
This repository contains the frontend code for ParkVision, built with modern web technologies to deliver a seamless and interactive user experience.
## Features
- **Real-time Analytics**: Monitor parking occupancy and turnover rates and many other stats in real-time.
- **Customer Segmentation**: Analyze customer data to identify patterns and trends.
- **AI-Powered Insights**: Utilize machine learning to predict peak times and optimize resource allocation.
- **Interactive Dashboards**: User-friendly dashboards with views and reports.
- **Responsive Design**: Accessible on various devices including desktops, tablets, and smartphones.
## Technologies
- **React**: JavaScript library for building user interfaces.
- **Material-UI**: React components for faster and easier web development.
- **Chart.js**: Simple yet flexible JavaScript charting for designers and developers.
- **Axios**: Promise-based HTTP client for the browser and Node.js.
## Getting Started
### Prerequisites
Ensure you have the following installed:
- Node.js (v14.x or later)
- npm (v6.x or later) or yarn (v1.x or later)
### Installation
1. **Clone the repository:**
```sh
git clone https://github.com/Parkomate-ParkVision/parkvision-frontend
cd parkvision-frontend
```
2. **Install dependencies:**
```sh
npm i --force
```
3. **Run in dev mode:**
```sh
npm run dev
```
4. **Run in PWA mode:**
```sh
npm run build
npm run preview
```
