Coder Social home page Coder Social logo

easypark_app-documents's Introduction

T3A2-MERN Project - EasyPark APP

By Quoc Lam and Zumin Yu

๐Ÿš— MERN EasyPark Booking Management Application

GitHub: https://github.com/Yumi2121/EasyPark_App-Documents

Trello : https://trello.com/b/by2fIJXP/easycarpark-app


Purpose

This web app will serve two main purposes. The first is to allow vehicle owners to book a safe parking spot near a desired location for a certain period of time in the Melbourne, Australia. The other is to allow the manager of the company to manage these parking spots and bookings.

As it stands a driver looking for a parking spot in locations such as in the city, a shopping center or at an airport are forced to do the same sequence over and over again. To find a spot they would have to either look up these locations beforehand or aimlessly drive around, both resulting in the driver hoping to find a vacant parking spot. Even if they end up finding a space there is usually no guarantee that the vehicle will be left unscathed. Research done by the National Road Safety Partnership Program reports that collisions that include a parked vehicle make up 51% of reported car park collisions. In fact collisions with a parked vehicle are 6 times more likely to happen in car parks than in any other driving environment. Insurance data reveals that the net incurred cost of car park incidents is approximately $3,000 this does not include the loss of time completing insurance claims as well as the potential profit loss due to a vehicle being out of commission during repairs. (Reference https://www.nrspp.org.au/product/car-parks-campaign/)

Easypark provides an alternative to general parking by providing an affordable, secure, and more flexible car park option. The app contains a wide selection of available privately owned parking and garages that the user can choose from. It allows the user to book a parking spot near a desired location and choose the duration of stay which can range from a day to a few months. They can also view their previous bookings and leave a rating for other users to see. To ensure that the user's vehicle is secure, all private car parks that are posted are reviewed and must pass strict guidelines to ensure accuracy and safety.


Target audience

This website is aimed towards vehicle owners or tourists in Melbourne who are looking to book an affordable, convenient and reliable parking spot around/near a desired location.


User Stories

  • As a general user, I want to sign up and log in so that the website will remember my details for future bookings.
  • As a user, I want to be able to search my destination so that I can see what parking is available.
  • As a person looking for a spot, I want to be able to book a location so that I know that it is only available to me.
  • As a person that cares for my car, I want a secure parking spot so that my car is safe.
  • As a person looking for a parking spot, I want to be able to see parking spots on a map so that I can visually see the distance from the spot to the destination and choose the closest one.
  • As a person that is traveling, I want a parking spot that is more flexible than public parking so that I can park closer to my destination.
  • As a busy person, I want a parking spot that is easier to access so that I can get to my vehicle more quickly.
  • As a returning user, I want to be able to see previous bookings, so that I can book the same spot again at a later date.
  • As a concerned user, I want to be able to rate a parking spot so that other users can see if it is a good/bad location.
  • As a power user I want to be able to choose how long I can reserve a parking spot, so that can keep my vehicle at a location for extended periods of time.
  • For example a whole month.As the manager, I want to be able to see information such as location, price, time and availability so I know what I can offer to my customers.
  • As a manager, I want to be able to manage all bookings so that I can add, edit and remove bookings with ease.

Functionality / Features

Not all features of the site will be available to all users of the web app. This is due to the different types of users expected to use the application. Without logging in all users are able to:

  • Search a location
  • View available parking spots around that location (with a map)
  • See existing user ratings for said parking spots

But to progress further, they are required to log in either with an existing account or create a new one. Once logged in a normal user should be able to:

  • Book a parking spot for a specified period of time
  • View their previous bookings
  • Leave ratings for these bookings
  • Rebook previously booked locations

Verified users (managers) have access to further features such as:

  • Editing and removing existing locations
  • View a summary of all daily bookings

Dataflow Diagram

EasyPark-Dataflow-Diagram The Diagram above displays the expected flow of data within the application.


Application Architecture Diagram

EasyPark-Architecture-Diagram This diagram show the interaction between the user, the Frontend, and Backend as well as the processes within them.


Wireframes

EasyPark-Wireframe This is the planned layout of all the pages of the application. Including different views such as mobile.


Spring Planning

We have selected Trello as our planning methodology as it is easier to visualize tasks and allows us to manage the project by separating the tasks into cards and prioritizing major ones. Another tool used is Discord which is a voice, video, and text communication app. This is essential as it is essential to keep contact with each other.

Trello1-Version1 This is the initial look fo the trello board.

Trello2-version1 As progress was done the trello board is updated including the addition of new objectives.

Trello3-version1 This is the latest look of the trello board before submission.


Tech Stack:

Front-end: HTML5, CSS3, REACT.JS, Javascript, JSX, AXIOS, Bootstrap and Style-Component

Back-end: Node, ExpressJS

Database: MongoDB, Mongoose

Deployment: Back-end: AWS Front-end: AWS

Testing: Manual, Jest, Selenium

Project-management tools: Trello, Discord

Utilities: Draw.io, Figma, Lucid-chart

DevOps: Git, Github, VS Code

easypark_app-documents's People

Contributors

yumi2121 avatar wokko-wok avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.