My Body Back

An MVP built as part of the Founders & coders' Tech for Better programme in October 2019

The app aims to provide support for people with experience of sexual assault. The app will encourage more people to go for a routince cervical screening (smear test).

This project was brought to Founders and Coders by Jane Smallwood who is conducting research as part of her PhD at Royal Holloway, University of London.

This project relies on Jane's research and My Body Back.

Dev Team

• Gregor Thomson: scrum master & developer @albadylic
• Sarah Kharraz: QA & developer @sarahyjja
• Francesca De Laurentis: UI/UX & developer @frannyfra
• Martha Nolan: DevOps & developer @mkatenolan

---

Installation instructions

To run the project locally:

git clone https://github.com/fac-17/My-Body-Back.git

cd My-Body-Back

npm i

npm run start

The local site will open at:

localhost:3000

Tech stack & dependencies

• React

• Airtable

• Netlify

• React-Router

• Netlify-Lambda

• React-Swipeable

• Jest

• React-Testing-Library

• Enzyme

The project was built over 3 weeks

Design Sprint

This is when we defined our main user journey and user stories as well as running user testing and collating feedback to adjust our approach. We had several iterations of our prototype build with Figma after receiving both peer and user feedback.

Build sprint one (1 week)

What we completed

• Set up all key routes in app
• Render all core content to each page
• Basic styling on each page
• Tested key functionality
• researched and scoped Airtable implementation
• More user testing

More details here

Build sprint two (1 week)

• Airtable setup & netlify-lambda implementation
• Extra styling: hover effects, icons, tidying
• Refactored code & tests
• removed DOM manipulation and replaced with proper React implementations
• Abstracted large chunks of content into a JSON file
• re-organised file structure