Skip to content

Contains the front end layout and logic to handle the interaction with the backend database

Notifications You must be signed in to change notification settings

mistergjones/washmycarfrontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Walk My dog - Connecting Dog Owners with Dog Walkers

Table of contents

Overview

The basic concept of this website is to allow vehicle owners to list their cars to be washed by car washers. Car owner's list their vehicles and pay a set price for each vehicle type. Car washers can view what jobs are available and lock-in a particular date/time-slot.

Screenshot

Example screenshot

Links

The process

  • Established the idea.
  • Whiteboard / developed UI flows.
  • Create database table structure (normalised).
  • Identify key technologies (i.e. Axios, Node.js, Cloudinary, Bcrypt) that will for part of the solution.

Built with

  • Semantic HTML5 markup
  • React (for Frontend)
  • JavaScript / Node.js (for WAF)
  • Database (Postgres for storing data)
  • Axios / APIs (for GETing and POSTing data)
  • Lottie (for animated pics)
  • Custom functions
  • Bcrypt (for encryption)
  • ReCharts (for charting)
  • JWT (for website cookies)
  • Cloudinary (for image storage)
  • bingMaps (address search location)

Key Learnings

  • The use of "Rechart.js" for charting capabilities was used. However, it does not provide a solution for having labels and %'s on a pie chart. This was no show stopper but would need to utilise another package should i wish to use this type of functionality.

  • BingMaps API has a lot of API functionality. You can use its features to quickly auto-complete on an address search and populate the appropriate text boxes.

  • Utilising GEO-codes to calculate distances between Car Owners & Car Washers was achieved as BingMaps automatically provides Latitutude and Longitude information when a user signs up.

Continued development

  • Integration with Stripe for payments as per Walk My Dog website.

Authors

About

Contains the front end layout and logic to handle the interaction with the backend database

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published