The "SPS" is a web app which allows users to book Parking Spot acorss the university campus of Cal State Fullerton. It is aimed at students, faculties and visitors of CSUF campus. The app let user enter the destination on campus and then it locates top 3 parking spots near the destination with the number of available spots at each level. User can select particular spot at the parking lot and can proceed to make secure payment. This helps user effectively navigate the availability across the campus and aids in decision making even before arriving at the campus. The web app uses React front-end and nodeJS and ExpressJS backend with MySQL database. Google Maps API and Stripe API has been used for essential functionalities within the app.
- Secure JWT Authentication
- Responsive layout, compatible with both mobile and desktop
- Entering the location to view top 3 parking lots
- Displaying spot functionality across levels for every parking lot
- Secure Payments
- Stripe webhook feature to automatically update transaction IDs with payment intent IDs
- View previous transactions in the dashboard
To install frontend dependencies
cd frontend
npm install
To install backend dependencies
cd backend
npm install
To run frontend
cd frontend
npm start
To run backend
cd backend
npm start
To view the results
http://localhost:3000
Client: React, Chakra UI, CSS
Server: Node, Express
DatabaseL: MySQL
API: Google Maps Javascript API, Google Maps Geocoding API, Google Maps Places API, Stripe API