Swift Spot Pay: revolutionize parking! Real-time prices, 1-click pay, auto extensions. Ditch meter lines & parking woes. User-friendly, web-based app. Join the future of street parking!
Revolutionize your parking experience with real-time, location-based pricing and a seamless one-click payment system.
Say goodbye to:
- Frustrating meter lines and wasted time
- Inaccurate parking time estimates
- Complicated and user-unfriendly parking apps
Swift Spot Pay offers:
-
Effortless Parking: Pay and extend parking with a single click, right from your phone.
-
Real-Time Pricing: Get the most accurate rates based on your exact location.
-
Automatic Extensions: Never worry about parking tickets again – the app handles them for you.
-
Seamless Security: Enjoy peace of mind with secure credit card transactions.
-
User-Friendly Design: Simple and intuitive interface accessible to everyone, regardless of tech experience.
-
Landing Page
-
-
**Registration Page
-
-
**Login Page
-
-
**Home Page
-
-
**Home Page(Vehicle Parked)
-
-
**Payment
-
-
**ParkingZones(Due to lack of real time parking data, entire Cincinnati city has been divided into two parking zones)
-
Billing Records
Tech Stack
Frontend:
- React: JavaScript library for building the user interface.
- JavaScript: Core programming language for frontend development.
- Redux Toolkit: State management library for React applications.
- Axios: Promise-based HTTP client for fetching data from the backend API.
- React Leaflet: JavaScript library for integrating interactive maps with React, used to display parking locations and your current position.
Backend:
- MongoDB: Flexible NoSQL database for storing parking data and user information.
- Node.js: JavaScript runtime environment for server-side execution.
- Express.js: Web framework for building the server-side API.
- Mongoose: Object Data Modeling (ODM) for MongoDB, providing a familiar interface.
- bcryptjs: Secure password hashing for user authentication.
- JSON Web Token (JWT): Secure way to authenticate users and manage sessions.
Project Introduction
The traditional parking system with fixed-duration tickets is cumbersome and inconvenient. Returning to the meter to extend parking wastes valuable time and creates frustration, especially in busy urban areas. Swift Spot Pay addresses this problem with a groundbreaking web application.
Key Features:
- Real-time, location-based pricing: Get the most accurate rates exactly where you park.
- One-click parking management: Pay and extend parking with a single click, eliminating the need for physical meters.
- Automatic extensions: Never worry about parking tickets again. The app seamlessly handles extensions for you.
- User-friendly interface: Designed for simplicity, regardless of technical expertise.
- Secure transactions: Enjoy peace of mind with secure credit card processing.
- Interactive Map: Visualize parking locations and your current position using React Leaflet.
User-Centric Design:
Swift Spot Pay prioritizes a user-centered approach by offering a simple and intuitive interface. Users of all tech skill levels can effortlessly navigate the app, extend parking durations, and manage payments with just a few clicks. This streamlined approach saves time and tackles the frustrations associated with traditional parking methods.
Innovation:
Swift Spot Pay goes beyond addressing current parking challenges. It pioneers a more convenient and technologically advanced solution for street parking.
Contribution
We welcome contributions to improve Swift Spot Pay! Please refer to the "How to Contribute" section for details.
Additional Notes
- This project is still under development. Feel free to explore the codebase and experiment with features.
- We value clear communication and collaboration. If you have any questions or suggestions, please create an issue or discuss them in a pull request.
Disclaimer
Integration with real-time parking data and payment processing systems may require additional setup and potentially involve external APIs or services that are not included in this repository.