bigreader / bootcamp-studyhelper

Study Time, Time Machine, Studious, HitTheBooks, Ponder, Cram, Midnight Oil, LiteMind, The Fast Track, FocusMe

Team Members

• Melissa Kocourek (frontend)
• Harun Abdi (frontend)
• Josh Dudley (backend)
• Tony Men (backend)

Project Description

A helpful studying assistant that tracks your study time, remembers your next exam’s details, and provides resources and inspirational quotes to help you work.

APIs to be Used

• Inspirational quotes
• Timer tracker
• Study spot maps
• Food spots/delivery?

Potential features:

• Session timer
  • Data saved to Firebase and available in table of previous sessions
  • Stats like total time studied, average time per day
• Next exam info
  • Save date and details of next exam
  • Show countdown until exam date
• Study resources
  • Relevant study guides for next exam topic
  • Maps for nearby study spots
  • Food delivery?
  • Inspirational quotes & study tips
• View features on GitHub Projects

Libraries & Resources

• Bootstrap
• Moment.js
• Firebase

bootcamp-studyhelper's Issues

Layout

Decide on a name!

Options so far:

• Study Time
• Time Machine
• Studious
• HitTheBooks
• Ponder
• Cram
• Midnight Oil
• LiteMind
• The Fast Track
• FocusMe

Set up hosting

Probably using Netlify for maximum fanciness
Could also just use GitHub Pages

Add maps of nearby study spots and resources

Footer covers page content

On pages that are taller than one screen height, the floating copyright footer covers the bottom part of the page. Can probably be fixed by adding a bottom margin to the body or changing the fixed position of the footer.

Remove unused pages from navbar

There’s a few pages we haven’t had time to fully build and implement. We can probably leave the html files in the repository, but we should remove their links from the navbar.

Map not appearing on study spot page

In Googlemap.html, the map is present in the DOM but has a height of 0 – there’s probably some CSS issues that have appeared in a merge somewhere

Implement next exam countdown with Moment.js

Fill the fields on the exam info page with data from Moment and the saved exam date

Remember next test

User Story

As a student, I want to remember my next test to stay on track with my studying

Acceptance Criteria

• Provide a form to enter test details and date
• Save data the user enters as the next test
• Display the test details
• Display a countdown until the test date

Show inspirational quotes

Show quotes from this API somewhere on the page

https://rapidapi.com/timshim/api/quotes

Add current study session time display

We need a nice display for the stopwatch tracking the current study session

Quote fails to load

The daily quote on index.html fails to load due to access control checks, need to replace/wrap API call with proxy

Show study session history with details

New page with list of all saved study sessions and their details

Start thinking about backend setup

Create form to enter next exam details

We need a form to enter at least the name and date of the next exam so that we can show a countdown.

• Build a form on the front end
• Save data from the form in Firebase

Track study time

User Story

As a student, I want to track my study time to plan and improve my studying

Acceptance Criteria

• Provide stopwatch-style timer with controls
• Allow user to save current time as a study session
• List all saved study sessions and their duration

Study session length goal

Allow the user to set a goal when starting a study session, then show a countdown of time remaining and alerts as the time runs out

Suggest study resources

Show resources related to the topic of the next test the user entered

Build backend foundation

Set up Firebase

Create UI sketches