Code Monkey home page Code Monkey logo

breakly's Introduction

My Web Application Breakly

General Info

This browser based web application is to remind users to take breaks throughout the day.

  • Hi I'm Ankit, I am really excited for this project because I would like to see how to resolve important issues.
  • Hi I'm Patty, I'm excited for this project because I care about the issue we are trying to tackle!
  • Hi I'm Cassidy, i am excited for this project as we will explore mental health.

Technologies

Technologies used for this project:

  • HTML, CSS
  • JavaScript
  • Bootstrap
  • Firebase

=======

Content

Content of the project folder:

 Top level of project folder:  
├── .gitignore               # Git ignore file  
├── contact_us.html          # Contact us form should users have any questions  
├── edit_profile.html        # Allows users to modify their information  
├── faq.html                 # FAQ page of our site that gives users relevant info  
├── login_homepage.html      # Landing HTML file, this is what users see when you come to url  
├── main.html                # After user login, what they will see to prompt them to set reminder  
├── profile.html             # Displays user profile  
├── setreminder.html         # Set reminder form for users to input data for when they want  
├── user_page.html           # User homepage
├── weekly.html              # Displays users weekly summary of breaks taken  
└── README.md  

It has the following subfolders and files:  
├── .git                     # Folder for git repo  
├── images                   # Folder for images  
    /img.jpg                 # Sample profile image for users who don't have an image uploaded  
    /plant_1.img             # Image that shows when users are 0-24% to goal  
    /plant_2.img             # Image that shows when users are 25-49% to goal  
    /plant_3.img             # Image that shows when users are 50-74% to goal  
    /plant_4.img             # Image that shows when users are 75-100% to goal  

├── scripts                  # Folder for scripts  
    /authentication.js       # Script for user login  
    /calculateinterval.js    # Script to determine when user gets their next break reminder  
    /check_login.js          # Script to make sure user is logged in before they can access user relevant pages  
    /contact_us.js           # Script that writes user contact_us form data into firestore  
    /editProfile.js          # Script which takes user information and updates their user info fields in firestore  
    /firebaseAPI_TEAM10.js   # Script which links to firebase firestore  
    /getUserData.js          # Script which gets the user data from firestore and populates edit_profile.html page  
    /load_skeleton.js        # Script that loads the top and bottom nav bars to each webpage  
    /logout.js               # Script which allows users to logout  
    /main.js                 # Script which gets the user name to populate in span  
    /setreminder.js          # Script gets data from setreminder form and writes in firestore under user document
    /user_homepage.js        # Script that reads the data from firestore to determine user progress towards goal  
    /weekly.js               # Script that reads users progress from firestore to give them an overall weekly summary  

├── styles                   # Folder for styles  
    /style.css               # Sets the icon sizes and colours  

breakly's People

Contributors

hsu-patty avatar cassidy-boilley avatar ankitahlwat avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.