ProBuddy

• General info
• Technologies
• Contents
• References

General Info

• ProBuddy is an application that connects you with a PRO to learn from, and a BUDDY to learn with! It's like Tinder, but for learning!
• We use a matching algorithm to match users based on complementary interests and skills they have chosen, and connect them to match and chat.
• The 3 main functionalities of our app is: match and chat, complete daily check-ins, upload progress files.

Technologies

Technologies used for this project:

• HTML, CSS
• JavaScript
• Bootstrap
• Google Firebase, Firestorage

Content

Content of the project folder:

 Top level of project folder:
├── .gitignore               # Git ignore file
├── index.html               # landing HTML file, this is what users see when you come to url
└── README.md


It has the following subfolders and files:
├── .git                     # Folder for git repo
├── images                   # Folder for images
    /friends.png
    /guitar.jpg
    /Logo.png
    /profile.jpg
    skills_interests
        /arts_crafts.jpg
        /cooking.jpg
        /dance.jpg
        /film_tv.jpg
        /music.jpg
        /nature.jpg
├── scripts                  # Folder for scripts
    /checkinMain.js
    /checkinOverview.js
    /chooseInterests.js
    /chooseSkills.js
    /login.js
    /main.js
    /messages.js
    /profileFillout.js
    /skillsInterestsHelper.js
    /uploadHelper.js
    /uploadOverview.js
├── styles                   # Folder for styles
    /colors.css
    /login.css
    /main.css
    /messages.css
    /skillsInterests.css
├── html                    # Folder for all main html pages for the app
    /checkinComplete.html
    /checkinMain.html
    /checkinOverview.html
    /chooseInterests.html
    /chooseSkills.html
    /login.html
    /main.html
    /messages.html
    /newUploadOverview.html
    /profileFillout.html
    /upload.html
├── components              # Folder for header/footer component used in the app
    /footer.html
    /footer.js
    /header.js
    /headerNoBack.html
    /headerWithBack.html
    /howTo-header.html
├── archivedPages           # Folder for archived files
    /displayMatch.css
    /displayMatch.html
    /displayMatch.js
    /index.html
    /loginHelperOld.js
    /loginOld.css
    /loginOld.html
    /match.html
    /uploadOverview.html

├── .firebase

Firebase hosting files:
├── .firebaserc...
├── 404.html
├── firebase.json
├── firestore.indexes.json
├── firestore.rules
└── storage.rules

References

• Firebase API
• Firebase library
• Bootstrap library
• Google Fonts
• Google Icons
• Good Vibes image: https://st3.depositphotos.com/3969727/13592/v/600/depositphotos_135921738-stock-illustration-good-vibes-only-splash-paint.jp
• Painting image: https://www.pinterest.ca/pin/762515780636729492/