AccessCal (Accessibility Calendar) Full Stack Application.

Team: 09-Nines Full Stack Application.

Description:

Welcome to AccessCal our Interactive Full-Stack Application developed for those with Attention-Deficit/Hyperactivity Disorder(ADHD). The application provides a comprehensive suite of tools tailored to those with time-blindness to visualize their calendar and how each event tracks to the deadline. The user can create various event and associate various various thresholds (i.e. reminders) that will help them visualize the criticality of each event.

The application is device-friendly allowing the user to integrate a visual event tracker tailored their personal devices in order to meet the subjects needs.

AccessCal offers a streamlined and intuitive user interface, allowing users to effectively manage their own visual event tracker.

Table of Contents:

• The Challenge
• Installation Process
• Usage Instructions
• Built With
• Solution URL
• Walkthrough
• Screenshots
• Continued Development
• Team Resources
• License
• Authors

The Challenge:

As a user (with time blindness/ADHD) I would like to see a visualization of my upcoming events WHEN I log in to the page, THEN I see my most pressing events graphically displayed, coloured based on the urgency of the event, and a list of my other, upcoming events WHEN I create an event THEN I am given the ability to set a category to define alert threshold periods WHEN I click on the event THEN I am given a calendar and the ability to add task events related to the event.

Installation Process

PRE-Requisites:

• you must have node.js version 16.* installed on your computer prior to proceeding
• you must have MySQL/MariaDB installed on your computer prior to proceeding

Database setup

This must be executed before launching the application

1. Log into your MySQL/MariaDB server.
2. Execute the following command:

    mysql> source path_to_schema.sql/schema.sql

3. Verify the database creation by running the command. The database should be listed in the results

    mysql> show databases;

Application launch:

1. Download the source code
2. Navigate to the folder containing the package.json file
3. Run the following commands

    $ npm install
    $ node ./seed/seeds.js
    $ npm start

Usage Instructions

1. Open the application
2. Log in or create an account
3. Enter new events in your calendar
4. View events along the bar graphs
   1. click on the bar graph to show info about the event

The walkthrough video provides information on the application usage.

Built With

Dependencies:

1. D3: Data-Driven Documents: 7.8.2
2. Node.bcrypt.js: 5.0.0
3. Connect Session Store using Sequelize: 7.1.5
4. Day.js: 1.11.7
5. Dotenv: 8.6.0
6. Express: 4.18.2
7. Express Handlebars: 5.3.5
8. Express-session: 1.17.1
9. Handlebars.js: 4.7.6
10. Node MySQL2: 2.3.3
11. Sequelize: 6.3.5

Dev Dependencies:

1. ESlint: 7.12.1
2. eslint-config-prettier: 8.6.0
3. prettier: 2.8.4

Solution URL:

Solution URL Link: http://access-cal.herokuapp.com/

Walkthrough Video:

Video showing the app functionality is found here: https://youtu.be/wM-R1IKJ7MY

Screenshots:

Figure 1. Landing Page

Figure 2. The calendar visual

Figure 3. The event visual

Continued Development:

1. Establishing a Profile and Settings page where the user can enter their preferences
2. Enhancing the mobile experience with a potentially larger graph bars to enable ease of click
3. Adding threshold to events that override the category event threshold settings

Team Resources:

1. Google Doc: Drive link.
2. Heroku: Application link
3. GitHub: Repo link
4. Instapage: Landing page link
5. Tome.app: Presentation Link

License

Open Source Initiative Link

Copyright © 2023

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Authors

Follow our team on Github! Additional questions or concerns? Feel free to contact us!

• ThomasCalle Full Stack Dev. (Frontend Focus)
• Stefan Marinov Full Stack Dev. (Overall Focus)
• Stephen Cardie Full Stack Dev. (Backend Focus).

See you soon!

© 2023 ThomasCalle, Stephen Cardie, Stefan Marinov. Confidential and Proprietary. All Rights Reserved.