A Full Stack Web Application Utilizing Restful APIs so Users May View Available Parking in their Neighborhood
As a user living in a congested neighborhood, I want to see a map of my neighborhood block with available & taken street parking spots so that I can plan my parking accordingly.
With the Park Smart app, users can create an account & once logged in, they are presented with a map of their neighborhood block with numbered street parking spaces that are color-coded based on if they are taken or available. Spaces that are green are available while spaces that are red are taken.
Once a user parks in an available space, they click on the designated number on the app’s map, where they may then choose, “I am parking here” & have the option of adding the number of minutes they plan on staying in the spot. When they submit the form, the space will turn red & the ‘time available’ will be included as an attribute users can see when they view the space. Users can also update their ‘leave time’ if they plan on leaving sooner or later than they originally stated. Once users leave a spot, they can then delete their edit & the space will turn green. Other users are now able to edit the spot once they have parked there.
This app is designed to help relieve some of the parking stress for residents of particularly congested neighborhoods so they can be aware of parking availabilities near their home & if none are available, when they can expect one to be.
The page has been styled with accessiblity in mind - the color scheme was chosen to satisy a large range of audiences.
The application is deployed at https://parksmart2021.herokuapp.com/
Git clone git@github.com:lyndseyjw/ParkSmart.git
This application uses many NPM packages. They are all listed as dependencies in the package.json file. Run "npm i" in your terminal at the root directory to install all packages. Ensure you have Node.js installed on your machine. You must also create a .env file to store your DB name, user and password information. The application is invoked using 'npm run start' in the command line.
Once you see 'app is now running on Port 3000', you can view the app on http://localhost:3000/
Javascript, mySQL, Sequelize, CSS, Express, Handlebars, Momentjs, Restful-APIs, Session-Cookie
You may visit my Github at : https://github.com/lyndseyjw OR email lyndseyjwatson@gmail.com
(c) Kimberly Rodriguez, Lyndsey Watson and Chris Tolnai
This application is licensed under MIT
Park Smart Homepage :
Login / Signup Page :
Neighborhood Page :
Spot Taken by User Logged In :
Spot Taken by Another User :
Available SPot :
