A1exander-liU / 1800_202210_DTC12

pocketBook

Table of Contents

• General info
• Creators
• Technologies
• Image Sources
• Contents

General Info

'pocketBook' is the browser based web application to solve the inconvenience of physical IDs.
This event platform application serves as your ID/ vaccine passport.

pocketBook hosted with netlify

Creators

Toco Tachibana (https://github.com/toco-t)
Alexie Narciso (https://github.com/Nalexie)
Alexander Liu (https://github.com/A1exander-liU)

Technologies

Technologies used for this project:

• HTML, CSS
• JavaScript, jQuery, AJAX
• Bootstrap
• Firebase, Firestore
• Netlify
• Figma
• Autocompletion Feature
• MapQuest
• MapBox
• FontAwesome
• Data for populating our event cards
• Image Background Remover

Image Sources

Images used for our project:

• Green Checkmark
• Got the rest of our images that weren't the logo from Unsplash and from the internet from untracked sources

Content

Content of the project folder:

 Top level of project folder:
├── .gitignore               # Git ignore file
├── index.html               # HTML page for the langing page
├── login.html               # HTML page for users to sign up or sign in   
├── events.html              # HTML page for displaying the events
├── favourites.html          # HTML page for displaying user's favorite events
├── maps.html                # HTML page to display map with user's most recent scans on it
├── more-info.html           # HTML page to display full info of the event  
├── pastscans.html           # HTML page to display your most your most recent scans as cards
├── profile.html             # HTML page to display and update user info
├── wallet.html              # HTML page to display vaccine passport, ID, tickets
└── README.md

It has the following subfolders and files:
├── .git                     # Folder for git repo
├── .vscode                  # Folder for vscode settings
├── images                   # Folder for images (images were from the internet untracked and Unspash sources except logos)
    /barcode.png
    /confirmation.png
    /id-card.jpg
    /ID.jpg
    /logo.png                # Logo created by Toco with Figma
    /logo.svg                # Logo created by Toco with Figma
    /olympic_logo.jpg
    /olympics01.jpg
    /olympics02.jpg
    /olympics03.jpg
    /passport.jpg
    /QRcode.png
    /tickets.jpg          
├── scripts                  # Folder for JaveScript files
    /authentication.js
    /events.js
    /favourites.js
    /firebaseAPI_TEAM12.js
    /global.js
    /index.js
    /maps.js
    /more-info.js
    /profile.js
    /scan.js
    /script.js
    /signout.js
    /wallet.js
├── partials                 # Folder for skeltons html files
    /carousel.html
    /floatbutton.html
    /footer.html
    /header.html
    /menubar.html
    /prompt.html
└── css                      # Folder for CSS files for styling
    /styles.css              
    /profile.css