Skip to content

Demo Gatsby app for a #noSlides talk on debugging and building accessible React apps

License

Notifications You must be signed in to change notification settings

marcysutton/empathy-driven-development

Repository files navigation

 ___        __       ___              __   __          ___         
|__   |\/| |__)  /\   |  |__| \ /    |  \ |__) | \  / |__  |\ |    
|___  |  | |    /~~\  |  |  |  |     |__/ |  \ |  \/  |___ | \|    
                                                                   
 __   ___       ___       __   __         ___      ___             
|  \ |__  \  / |__  |    /  \ |__)  |\/| |__  |\ |  |              
|__/ |___  \/  |___ |___ \__/ |     |  | |___ | \|  |              

Empathy Driven Development

https://github.com/marcysutton/empathy-driven-development

By Marcy Sutton / @marcysutton

Head of Learning, Gatsby

Outdoor Trip Planner App

The master branch of this repository is intentionally broken for accessibility. For fixes, check out the fixes branch.

Components

  • Collapsible sidebar menu
  • Form
  • Carousel
  • Modal dialog
  • Card flip

How to run the app

Clone the directory and install dependencies:

git clone https://github.com/marcysutton/empathy-driven-development && cd empathy-driven-development
npm install

Then you can run Gatsby in development or production mode:

gatsby develop

or:

gatsby build && gatsby serve

Run tests

Run Cypress tests on the command line:

npm run test

Who are you designing/building for?

Don't reinvent the wheel

Test with real people

In this app

About

Demo Gatsby app for a #noSlides talk on debugging and building accessible React apps

Resources

License

Stars

Watchers

Forks

Packages

No packages published