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

https://github.com/abhixsh/parkmate-frontend

A parking management system built with the React, featuring user and admin roles, parking spot reservation, and real-time availability tracking.
https://github.com/abhixsh/parkmate-frontend

firebase react tailwindcss

Last synced: 4 months ago
JSON representation

A parking management system built with the React, featuring user and admin roles, parking spot reservation, and real-time availability tracking.

Awesome Lists containing this project

README

          

parkmate Logo


# ParkMate – Smart Parking Management System

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Java](https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge&logo=openjdk&logoColor=white)
![MySQL](https://img.shields.io/badge/mysql-4479A1.svg?style=for-the-badge&logo=mysql&logoColor=white)
![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white)
![Firebase](https://img.shields.io/badge/firebase-%23039BE5.svg?style=for-the-badge&logo=firebase)

ParkMate is a smart parking web app that helps users easily find and reserve parking spots while giving admins control over parking operations.

# About the Project

ParkMate is a modern parking management system designed to reduce parking hassles in busy areas. It allows users to view parking availability, read testimonials, and soon, book spots. Admins can use a planned panel to manage slots and users. The goal is to improve convenience and reduce time wasted searching for parking.

## Features

- **Landing Page**: Engaging UI with parking stats, service highlights, and real user feedback
- **Live Availability**: See available, booked, and total spots
- **Responsive Design**: Works smoothly on mobile, tablet, and desktop
- **Admin Panel**: Slot management and user control for admins

## Technology Stack

- **Frontend**: ReactJS & TailwindCSS
- **Backend**: Java Servelet
- **Database**: SQL
- **CI/CD**: GitHub Actions
- **Hosting**: Firebase Hosting

## Backend Repository


Backend Repo


Click here to go to the backend repository

## Local Development

### Prerequisites
- Node.js and npm installed

### Installation

1. Clone the repositories:
```bash
git clone https://github.com/abhixsh/parkmate-frontend

```

2. Install dependencies:
```bash
npm install

```

3. Start development servers:
```bash
npm run dev
```

## Contributing

A win-win cooperation! We invite you to participate in this project. Let's work together to create the most useful tool for developers on the web today.

### How to Contribute

- Issues: ask questions and submit your features
- Pull requests: send your improvements to the current codebase

Together, we can make this project **better** every day!

## License

This project is licensed under the MIT License.