This browser based web application to help students to stay engaged with task scheduling by adding an interactive creature care feature.
- Hi my name is Calvin. I'm excited about this project because I get to learn new things and code.
- Hi, my name is Mikko and I am excited about this project because I like to do things.
- Hi my name is Colin. I'm excited about this project because I think it will help people organize their lives!
Technologies used for this project:
- HTML, CSS
- JavaScript
- Bootstrap
- ...
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
├── login.html # login page file
├── main.html # main file after login
├── calendar.html # page with bootstrap calendar
├── milestones.html # milestones HTML file
├── monmon.html # creature care HTML file
├── settings.html # settings HTML file
├── skeleton.html # Webpage template HTML file
├── taskadded.html # task addition confirmation HTML
├── taskaddition.html # page for adding new task HTML file
├── tasklist.html # task list page HTML file
└── README.md
It has the following subfolders and files:
├── .git # Folder for git repo
├── skeleton_files # Folder for skeleton
/footer.html # Webapp Footer
/navbar.html # Webapp navbar
├── images # Folder for images
/checkmark.png #
/Croaky.gif # Image for MonMon page
/Eggy.gif # image for MonMon page
/Katty.gif # Image for MonMon page
/Poochy.gif # Image for MonMon page
/task.png # Logo for Index.html
/taskcompleted.png #
├── scripts # Folder for scripts
/authentication.js # user authentication and document creation script file
/bootstrap.min.js # Required for bootstrap calendar
/calendar_bootstrap.js # Required for bootstrap calendar
/core.js # Required for bootstrap calendar
/datepicker.js # Required for bootstrap calendar
/daygrid.js # Required for bootstrap calendar
/firebaseAPI_TEAM09.js # Firebase API connection script file
/interaction.js # Required for bootstrap calendar
/jquery-3.3.1.min.js # Required for bootstrap calendar
/main.js # Script for main page and navbar population
/milestone.js # Script for milestone page population
/monmon.js # Script for monmon page population and update
/popper.min.js # Required for bootstrap calendar
/populatetask.js # Script for tasklist page population
/settings.js # Script for settings page population and update
/skeleton.js # Script for populating pages with skeleton files
/submittask.js # Script for taskaddition page updating to firestore database
/tasklist.js # Script for updating tasklist page and firestore database information
├── styles # Folder for styles
/bootstrap.min.css # Required for Calendar
/calendar.css # Style for Calendar
/core.css # Style for Calendar
/daygrid.css # Style for Calendar
/fonts.css # Style for Calendar
/style.css # Style for app pages
Firebase hosting files:
├── .firebaserc...
Image References: Croaky.gif: https://www.newgrounds.com/art/view/cowboysprinkles/frog-loop user cowboysprinkles Katty.gif: https://www.pinterest.ca/pin/381820874664581109/ user vividivavidibu Poochy.gif: https://tenor.com/en-CA/view/dog-happy-8bit-gif-10072229 Toby Fox Eggy.gif: https://emoji.gg/emoji/5789_eggshake user TURTLE task.png: https://www.flaticon.com/free-icon/task_2098402?term=task&page=1&position=1&page=1&position=1&related_id=2098402&origin=search Freepik checkmark.png: https://icons8.com/icons/set/checkmark taskcompleted.png: https://icons8.com/icons/set/task