Skip to content

Nicolelam8891/at-finder-a11y

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI AT Ally: Artificial Intelligence Assistive Tech

🌱 Project Description:

AI AT Ally is a proof-of-concept application, designed to address a long-standing barrier for people with disabilities. Assistive technologies are tools to help manage the effects of disabilities, but it can be very difficult to find these tools and to learn more about them. There have been several grant-funded efforts that have built robust databases, but because technology changes so rapidly, these databases can be difficult and expensive to maintain. For this reason, AI AT Ally leverages the power of generative artificial intelligence (AI) to find assistive technologies based on user-selected disability categories and needs.

📑 Planning:

Wireframe

The front-end and back-end teams met to define the minimal viable product and then the front-end team built a representative wireframe using Figma.

Research was a core component of project planning. Information was gathered on different types of disabilities and corresponding categories of assistive technologies. Information from this research was then used to support prompt engineering for generative AI to populate data, based on user selections.

The project required both the front-end and back-end teams to "stretch" themselves by learning and implementing a technology they had never used before. Using generative AI to build data was new to everyone on the team, but we also decided to learn and implement GraphQL for the back-end and Apollo client for the front-end. Data retrieved from AI was passed from the back-end to the front-end in a standard JSON format, but GraphQL was used to manage login information and support features for user commenting and favoriting.

📉 Project Planning Docs:

Toggle to View Planning Docs

Back-end Repositories and Endpoint Documentation:

Technologies used to build this app:

Toggle to View Technologies
  • HTML
  • CSS
  • JavaScript
  • React JavaScript Library
  • Ruby
  • Rails
  • Router
  • Cypress
  • Figma
  • ChatGPT
  • The Paciello Group, Coulour Contrast Analyser for testing color contrast
  • Git / Github
  • Vercel
  • Heroku
  • GraphQL
  • Apollo Client
  • Github Project
  • VS Code

Preview of App:

Visit Our Deployed Site

GIF of App Functionality:

AI AT A11y

AI AT A11y Responsive

Screenshots

Toggle to View Screenshots

Home Page

AI AT Ally Home Page

Disability Categories

Disability Categories

Types of Technologies

Types of Technologies

Suggested Technologies

Suggested Technologies

Make a Comment

Make a Comment

Comment List

Comment List

Learn More About Assistive Technology

Learn More About Assistive Technology

Project Contributor Page

Project Contributor Page

Collaborators:

Front-end team:

Back-end team:

📗 Installation Instructions:

To get AI AT Ally running on your machine:

  • Clone it to your local machine using the command: git clone git@github.com:Assistive-Tech-2307/at-finder.git.
  • Run the command: cd at-finder
  • Run the command: npm install
  • Run the command: npm start

📗 Context:

We are currently in Mod 4 at the Turing School of Software and Design and this is our capstone project, where we collaborated with the back-end team to create a full-stack app. Learning objectives for the project included:

  • Demonstrate knowledge gained during our time as students at Turing
  • Use an agile process to turn well defined requirements into deployed and production-ready software
  • Gain experience dividing applications into components and domains of responsibilities to facilitate multi-developer teams that implement service-oriented architecture concepts and patterns.
  • Explore and implement new concepts, patterns, or libraries that have not been explicitly taught while at Turing
  • Practice an advanced, professional git workflow including a Pull Request Review
  • Gain experience using continuous integration tools to build and automate the deployment of features
  • Build applications that execute in development, test, CI, and production environments
  • Focus on communication between front-end and back-end teams in order to complete and deploy features that have been outlined by the project spec

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 73.8%
  • CSS 23.8%
  • HTML 2.4%