Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/saphalpdyl/parkrr

A 3D parking management web application based on React and Three JS based rendering.
https://github.com/saphalpdyl/parkrr

bun hono parking react react-three-drei react-three-fiber saas threejs typescript

Last synced: 10 days ago
JSON representation

A 3D parking management web application based on React and Three JS based rendering.

Awesome Lists containing this project

README

        



## Parkrr: Advanced Parking Management Software

**Overview:**
Parkrr is an innovative parking management software designed to streamline the process of parking spot booking and management using state-of-the-art web technologies. Built with React for a robust front-end experience and Three.js for immersive 3D rendering, Parkrr offers a user-friendly and visually engaging platform for users.

[![Tech Stack](https://skillicons.dev/icons?i=react,express,typescript,mongodb,tailwind,threejs,bun,pnpm)]()

**Key Features:**

1. **3D/2D Parking Space Visualization:**
- Utilize Three.js to render realistic 3D models of parking lots, providing users with a comprehensive view of available spaces.
- Toggle between 3D and 2D views to cater to different user preferences and device capabilities.

2. **Intuitive Parking Spot Booking:**
- Real-time availability status of parking spots, ensuring users can easily find and book an open space.
- Seamless booking process with instant confirmation and detailed information about the chosen spot.

3. **Advanced Parking Space Editor:**
- Integrated editor allowing administrators to create, modify, and manage parking spaces directly within the application.
- Drag-and-drop functionality for easy layout adjustments and the ability to switch between 3D and 2D editing modes.
- Save and load custom parking lot layouts to adapt to different venues and events.

### Current Progress
![image](https://github.com/user-attachments/assets/398ecb90-e472-45cb-82de-b113fa161a1c)
![image](https://github.com/user-attachments/assets/b10115e4-d373-49ff-abaa-9f47e50dc7c1)
![image](https://github.com/user-attachments/assets/0f31af6d-e7d9-4fb3-8933-8cb25b9219ec)

### Prototype Screenshot
![image](https://github.com/saphalpdyl/Parkrr/assets/69297872/2e12ebd6-b137-41c0-8248-653197b70caa)
![image](https://github.com/saphalpdyl/Parkrr/assets/69297872/f2304a00-9288-4110-83c8-f5e37193f368)
![image](https://github.com/saphalpdyl/Parkrr/assets/69297872/70592844-95f2-476a-b419-1aa613603c08)