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: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/saphalpdyl/parkrr
• Owner: saphalpdyl
• Created: 2024-07-10T15:11:23.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-05T22:14:21.000Z (over 1 year ago)
• Last Synced: 2025-03-31T00:17:27.969Z (about 1 year ago)
• Topics: bun, hono, parking, react, react-three-drei, react-three-fiber, saas, threejs, typescript
• Language: TypeScript
• Homepage: https://parkrr.vercel.app/editor
• Size: 1.32 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

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)