crate1011 / Potty-Pal

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Potty Pal

We do our business so you can do yours

Application Overview

Potty Pal is the App for people who value a clean safe bathroom experience when going out or traveling, some people don't care about their bathroom breaks, but if you happen to be like me, then cleanliness, safety and comfort are very important to you as well. This App allows a user to view establishments in their area and write and read others reviews of the locations bathroom, Potty Pal also shows what the bathrooms accessibility is like on the reviews, family freindly, gender binary, wheelchair accessible etc. this allows you to do some planning before you leave the house and give you peace of mind.

I built this application in one week initially, using React Hooks, ReactStrap and CSS for some styling. My goals were to get a firmer grasp on understanding React, becoming better at planning things out for my project instead of rushing directly into coding, and lastly my goal was to make an App for an issue that mattered to me.

Features

  • Users can filter locations down by area and use a search bar to find the correct establishent
  • user can create and post a review on a unique establishment
  • user can delete a review if needed
  • user can create a list of favorite establishments they would like to visit
  • user can make an establishment request to an Admin by filling out the new establishment request form
  • admin can delete users and approve new establishment requests

Tech Stack

image image image image image image image image

Running This Application

First, a note about authentication... This application uses mock authentication which is purely for demonstration purposes. Therefore the login and registration code written here is completely insecure and would never be implemented in a professional application.

  1. Clone This Repository And Change To The Directory In The Terminal.
git clone git@github.com:crate1011/Potty-Pal.git
cd potty-pal

2.Access The Data And Run The Data

https://github.com/crate1011/Potty-Pal-API
json-server -p 8088 database.json -w

3.Launch the client.

npm install
npm start

Admin Login

k@k.com

Regular User Login

w@w.com

ERD

336A4BC7-AF08-4EAD-BC16-3D6EF2E7AF39_1_105_c

WireFrame

3E4DA863-6C56-4C56-AA9C-CACE92DEC88C

About


Languages

Language:JavaScript 88.4%Language:CSS 8.3%Language:HTML 3.2%