GPS parking app powered by community. Create a user account, or login as a guest, and see a live interactive map of parking spots available near you! Once you've successfully parked, update and share real-time information with other users.
To run how-to-park you'll need to...
Optional pre-req: In order to save parking info updates you'll want Mongo running locally with a root user
First:
fork this repo
clone locally
Then (in separate terminal tabs):
npm run build
npm start
Navigate to:
localhost:1111
Then...
- "create" a username
- enter a password
- click "Create Account"
Or...
- click "Guest Login"
Now that you're logged in you can interact with the map and leave new
Note: location sharing is currently not enabled, but it can be toggled in the myMap.jsx component)
The map is a stylized Leaflet.js component with typical interactie capabilities.
Pinch or click to zoom in or out.
Click and pull or drag finger to move.
Fill out all required components and hit "Save" to submit. If you mess up, or park somewhere different just hit "Reset" and fill out the form again, no worries.
- ReactJS (ES6+ && hooks)
- Grommet
- Mongo/Mongoose
- Express.js
- Node.js
- Webpack/Babel
This is an MVP, conceived and produced in less than 48 hours. Once functionality is improved, including integrating oAuth and location sharing future system design plans include:
- create a Kubernetes pod
- deploy on Microsoft Azure
- persist data with Azure hosted Cassandra cluster
- split out to micro-services
- deploy with load-balancers
- beta-test
- submit to Android App store
- Matthew Beckerleg - github.com/itsOrD
- This project is licensed under the MIT License - see the LICENSE.md file for details.