Justice Defenders

Justice Defenders custom platform to facilitate access to legal training to prison inmates and guards in Kenya and Uganda so they can provide legal services for themselves and others.

See it live.

Installation

• Navigate to repo
• Clone it with git clone https://github.com/tech-for-better/justice-defenders.git and cd into the project folder
• npm i to install all dependencies
• use npm run start to start the server in the browser or npm run dev to start the server both in the browser and Electron.

Tests

• End-to-end test done with Cypress, covering over 95% of the codebase.
• Use script npm run cy:open to run the specs.

Tech used

• React
• Firebase storage and NoSQL cloud firestore
• Electron for desktop app
• Cypress

Admin

Project duration: 27th July to 27th August 2020.

• Design week: ideation to prototyping and first round of usability testing.
• Two 6-day build sprints:
  • first focused on building the database and skeleton of the platform.
  • second focused on packaging and distributing desktop app, adding extra pages, enhancing the user experience and styling following the brand guidelines, end-to-end tests and final usability testing.

Design process

• Dicovery and definition workshops on Miro board.
• Prototype on Figma available here.

User stories

Acceptance criteria

• As a user I can see what module and subtopic I am currently on
• As a user I can navigate to the sections of the app from any page
• As a user I can easily find help to use the platform
• As a user I can download relevant material and interact with it offline
• As an admin user I can modify content displayed on the website
• As a admin user I can add new modules/subtopics and media content to the website.

Nice-to-haves: user features

• As a user I can login/sign up
• As a user I can have a quick overview and keep track of my progress
• As a user I can mark things as completed
• As a user I can interact and collaborate with others
• As a user I can fill out assessment questions
• As a user I can take notes in relation to papers, videos and consult my notes at any time

Usability testing

• Carried out at the end of design week with the prototype and again at the end of the project with final product with 2 users in Kenya
• Tasks requested:
  1. Can you navigate to Year 1, Tort Law, Informed Consent?
  2. Can you open some readings?
  3. Can you listen to some audio?
  4. Can you tell us where you are in the app?
  5. If you were stuck or lost what would you do?
  6. Finally, can you navigate home?
• Feedback overall very positive in regards to navigation and emphasis on making the content available offline.

Future development

• Making the content available offline in the desktop app using database NeDB. Some useful resources:
  • Local Data storage for Electron
  • How to store user data in Electron
• Certification to proper distribution of the app. This has budget implications.
• Authentication and user features listed in the user stories above.
• Improve performance and error handling.
• Admin users able to review assessments via the platform.

Developers

• Campbel Docherty /CampbellDocherty
• Giovanna Aveiro /glrta
• Contribution from Anthony Lomax /tonylomax

Any issues or bugs, please contact the developers.

---

Hosted on GitHub, deployed to Netlify and Electron.