https://github.com/justinl-y/spot-share
A full-stack Meteor, React, Redux and MongoDB application solving the problem of when the shared economy meets parking a car.
https://github.com/justinl-y/spot-share
google-maps javascript material-ui meteor mongodb react redux
Last synced: 12 days ago
JSON representation
A full-stack Meteor, React, Redux and MongoDB application solving the problem of when the shared economy meets parking a car.
- Host: GitHub
- URL: https://github.com/justinl-y/spot-share
- Owner: justinl-y
- Created: 2017-02-10T18:05:48.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-24T18:04:59.000Z (over 2 years ago)
- Last Synced: 2024-04-13T17:03:48.901Z (about 1 year ago)
- Topics: google-maps, javascript, material-ui, meteor, mongodb, react, redux
- Language: JavaScript
- Homepage: https://spot-share.herokuapp.com/
- Size: 2.03 MB
- Stars: 2
- Watchers: 3
- Forks: 4
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spot Share - A Self-Directed Meteor Project - Meteor, JavaScript, React, Redux, MongoDB, Material UI, CSS
### Development by Justin LY, Djordje V and Jonathan F
This project was developed to demonstrate understanding of building full-stack web applications. A stack of Meteor, with MongoDB,
was used for the persistence and server-side components with React and Redux used for the presentation components. The application
was developed to simulate the finding and renting of parking spots with an Air BnB-style business model.
## Technologies Used
- Meteor
- JavaScript
- React
- Redux
- MongoDB
- Material UI
- CSS
- Production Tools: ES Lint, Babel, npm / yarn, Git
## Personal Learnings
JLY - Development of the user interface allowed me to develop a deeper understanding of React as a presentational layer and Redux for managing UI state.
Building this application was a great opportunity for me to develop greater understanding of MongoDB. Additionally I learned much about constructing the
project environment, setting up the dependencies and configuring the development tools. Finally, this project was a great opportunity to work collectively
with small development team.
DV - Throughout the development process of this project, I have learned a great deal about not only the development side of building
a full stack web application using Meteor, but also the UX/UI end of things by designing and mapping out the user flow of the application. This project has
given me the opportunity to gain the invaluable experience of working concurrently with a development team with one common goal and many different assigned
responsibilities.
JF - For this Parking Spot project, I was tasked with implementing Google Maps React for mapping out available parking spots.
I knew nothing about React 6 weeks ago but working with components, props, states, etc is starting to become second nature.
Google Maps React is a simple wrapper around the Google Maps Javascript API. There were obstacles learning about this library but once I got it running
I mapped out the parking spots using data from Meteor/MongoDB.
Once I got comfortable I got ambitious and implemented this library to the Share Spot page to give the users a visual when setting up their Share Spot.
I also changed the marker icon using customized SVGs.I’m very happy with what we made so far and I would like to keep building on to it.
## ⚛️ Deployment
#### Install
- Clone or download this repository
- Run `yarn` or `npm i` in the root to install
#### Development
- Run `meteor:debug` or `meteor [--port X]`
- For mongo `meteor mongo`