Skip to content

A mobile-friendly insurance record saving application, developed using HTML, CSS, BootStrap, and JavaScript

Notifications You must be signed in to change notification settings

dndanny/InsurUS

 
 

Repository files navigation

InsurUs - Save Your Insurance Record

image

1. Project Description

Our app InsurUs lets users save information about their valubles for future insurance claims!

2. Names of Contributors

List team members and/or short bio's here...

  • Jude
  • Danny
  • Nicole Hsu
  • Michael Yu

3. Technologies and Resources Used

List technologies (with version numbers), API's, icons, fonts, images, media or data sources, and other resources that were used.

  • HTML, CSS, JavaScript
  • Bootstrap 5.0 (Frontend library)
  • Firebase 8.0 (BAAS - Backend as a Service)
  • Google Material Symbols
  • Google Material Icons
  • SweetAlert 3.0
  • JQuery 3.6.4
  • iStock photos

4. Complete setup/installion/usage

State what a user needs to do when they come to your project. How do others start using your code or application? Here are the steps ...

_ Register and Login

image

_ Edit User Information

_ View Insurance Provider

image

_ Like and Save favorite provider and register

image

_ See uploaded record information

_ Update record information

_ Search, Filter, and Sort Records Information

image

5. Known Bugs and Limitations

Here are some known bugs and limitations:

  • When searching for records, user must put in the exact word or words used, case sensitive
  • When choosing a provider, user must like the provider first and then request to register.
  • When sorting through records, user must press the sorting icon, else searching users must press the search icon.

6. Features for Future

What we'd like to build in the future:

  • Image upload for damaged items
  • Recently deleted items collection
  • Partial word searching for the records

7. Contents of Folder

Content of the project folder:

 Top level of project folder: 
├── .gitignore               # Git ignore file
├── aboutus.html             # about us page, info about the company
├── addrecordform.html       # page to add a new record
├── eachItem.html            # page to edit record
├── index.html               # landing HTML file, this is what users see when you come to url
├── login.html               # login/signup page
├── main.html                # main page, overview of the site
├── profile.html             # user's profile page
├── provider.html            # page for user to choose their insurance provider
├── records.html             # user's records page
├── template_page.html       # template page for new pages
└── README.md

It has the following subfolders and files:
├── .firebase                # Folder for firebase hosting
├── .git                     # Folder for git repo
├── images                   # Folder for images
    /index-photo.png                # iStock photos
    /logo_icon_black.png            # team made
    /logo-icon.png                  # team made
    /logo-png.png                   # team made
    /logo-png.png                   # team made
    /logo-transparent-png.png       # team made
    /pic1.png                       # team made
    /pic2.png                       # team made
    /pic3.png                       # team made
    /pic4.png                       # team made
    /pic5.png                       # team made
    /pic6.png                       # team made
    /pic7.png                       # team made
    /pic8.png                       # team made
├── scripts                  # Folder for scripts
    /addrecordform.js               # adds new records
    /authentication.js              # firebase authentication, signs new users up
    /eachItem.js                    # edits existing records
    /faq.js                         # adds new questions to firestore
    /firebaseAPI_DTC06.js           # api keys for firebase
    /logout.js                      # logs out user
    /main.js                        # scripts pertaining to the main page
    /profile.js                     # scripts pertaining to the profile page
    /provider.js                    # scripts pertaining to the provider page
    /records.js                     # scripts pertaining to the records page
    /skeleton.js                    # loads the navbar on each page
├── styles                   # Folder for styles
    /style.css                      # styles for the app
├── text                     # Folder for html text partials
    /navafterlogin.html             # navbar after user logs in
    /navb4login.html                # navbar before user logs in



About

A mobile-friendly insurance record saving application, developed using HTML, CSS, BootStrap, and JavaScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 54.4%
  • JavaScript 42.3%
  • CSS 3.3%