/$$$$$$$$ /$$ /$$ /$$$$$$$ /$$ /$$
| $$_____/|__/ | $$ | $$__ $$ | $$ | $$
| $$ /$$ /$$$$$$$ /$$$$$$$ /$$$$$$ | $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$ /$$ /$$
| $$$$$ | $$| $$__ $$ /$$__ $$ |____ $$| $$$$$$$//$$__ $$|_ $$_/|_ $$_/ | $$ | $$
| $$__/ | $$| $$ \ $$| $$ | $$ /$$$$$$$| $$____/| $$ \ $$ | $$ | $$ | $$ | $$
| $$ | $$| $$ | $$| $$ | $$ /$$__ $$| $$ | $$ | $$ | $$ /$$| $$ /$$| $$ | $$
| $$ | $$| $$ | $$| $$$$$$$| $$$$$$$| $$ | $$$$$$/ | $$$$/| $$$$/| $$$$$$$
|__/ |__/|__/ |__/ \_______/ \_______/|__/ \______/ \___/ \___/ \____ $$
/$$ | $$
| $$$$$$/
\______/
A web application to help people with special needs to find bathrooms that can accomodate them by viewing a list of bathrooms with user reviews and features such as wheelchair accessibility, diaper changing station, etc.
-
Hi my name is Kent. I'm excited about this project because it's my first time collaborating using GitHub!
-
Hi my name is Tommy. I'm excited about this project because i'm excited to pop off.
-
Hi my name is Xinyang. I'm excited about this project because this is new to me!
Technologies used for this project:
- HTML, CSS
- JavaScript
- JQuery
- Bootstrap
- Firebase and Firestore
Content of the project folder:
Top level of project folder:
├── .gitignore # Git ignore file
├── login.html # login HTML file, the log-in page
├── potties.html # homepage HTML file, containing the list of potties
├── potty.html # post HTML file, containing the potty page
├── profile.html # profile HTML file, containing the user's profile
├── template.html # template HTML file, this is used to set up HTML files
├── write-post.html # writing post HTML file, this is where the user will write a post
└── README.md
It has the following subfolders and files:
├── .git # Folder for git repo
├── .vscode # Folder for live server
/settings.json # json for live server port
├── fonts # Folder for fonts
/Gilroy-ExtraBold.oft # Gilroy font style to be used in HTML files
├── images # Folder for images
/branding-04.svg # Branding Logo used on the website
/favicon.ico # Favicon icon for the website
├── scripts # Folder for scripts
/authentication.js # JS to authorize user
/potties.js # JS for potties.html
/potty.js # JS for potty.html
/profile.js # JS for profile.html
/script.js # JS to check if user is login, also contains a function to logout for profile.html
/skeleton.js # JS to set up the navigation and footer bar for HTML files.
/write-a-post.js # JS for write-post.html
├── styles # Folder for styles
/login.css # style for index.html
/potty.css # style for potty.html
/profile.css # style for profile.html
/style.css # style for all HTML files
/tabbars.css # style for potty.html, for the tab bars
/write-post.css # style for write-post.html
└── template # Folder for the navigation and footer bars
/footer.html # Footer HTML template
/navbar.html # Navigation HTML template
Firebase hosting files:
├── .firebase
/hosting..cache
├── .firebaserc...
├── firebase.json
├── 404.html.html
├── firestore.indexes.json
├── firestore.rules
└── storage.rules
- Logo homemade!
- Search function (https://www.youtube.com/watch?v=RVrHC__Tkx0&ab_channel=ABNationProgrammers)
- Star rating slider (https://dev.to/madsstoumann/star-rating-using-a-single-input-i0l)
- Kent - kconcengco@my.bcit.ca
- Tommy - tnguyen528@my.bcit.ca
- Xinyang - xli245@my.bcit.ca