TimeSculptor

UI design is often built around the needs of neurotypical people. As a result, many apps miss UI features that improve ease of use for people with learning disabilities. One example of this is with Calendar apps, which, while extensive, often have complex UIs that aren't learning disability friendly. As a result, there should be a calendar app that prioritizes accessibility by following UI guidelines that accomodate those with learning disabilities. For those that have a learning disability who could greatly benefit from a scheduling app designed specifically with their needs in mind, TimeSculptor accommodates these needs by adhering to UI styling guidelines laid out by Pavlov (2014) and Moreno et al. (2023). For example, Pavolv (2014) states that a key aspect of accesibile UIs is to ensure that all ideas have an associated picture. Apps like Google Calendar, Outlook, and Apple Calendar do not prioritize this, as events are typically just shown as text (with some niche exceptions like birthdays in Google Calendar). TimeSculptor will put these needs at the forefront, ensuring that the app adheres as closely as possible to them. Overall, TimeSculptor is a scheduling app built for people with learning disabilities, our expected consumer segment. It provides a much easier and accessible interface that adheres to research based on building UI that is learning disability friendly.

Version: 1.0.1-alpha

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

Software needed:

• React.js
• Node.js
• Vite
• Express.js

Installing

• navigate to the folder that contains package.json
• open a terminal in that directory
• input: npm install
• input: npm run dev

If everything worked correctly, there should be a localhost with a port you can open in your preferred web browser for a development view.

Running the tests

Explain how to run the automated tests for this system

Break down into end to end tests

Explain what these tests test and why

Give an example

And coding style tests

Explain what these tests test and why

Give an example

Deployment

For local deployment (development)

• Move to TimeSculptor directory
• Run db_init.sh in build directory
• npm run rebuild

OR If running Linux

• Move to TimeSculptor directory
• npm run database-rebuild

In order to view online

Go to this link: TimeSculptor

Built With

• Express - The web framework used
• Vite - Frontend Development
• React - Frontend Development

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository

Authors

• Kimberly Allison - Frontend Development - KimberlyAllison
• Joey Banaszak - Testing - JoeyBanaszak
• Izaac Molina - Frontend Development - IzaacMolina
• Noah Schwartz - Frontend Development - NoahSchwartz
• Gabriel Valentin - Frontend Development - GabrielValentin
• Nicholas Wiley - Backend Development - NicholasWiley

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc