localresponse.uk (Submission)

Ross Walker — Thu, 30 Apr 2020 18:56:40 +0000

Lot's has changed in a few weeks and I've learned a bunch about a bunch of APIs!

I wanted to provide businesses and individuals the infrastructure to help those most in need. Importantly, I wanted to ensure that I did it in a way that kept things local and helps to grow bonds/relationships in the community.

What it does now?

It can be explained as a general purpose, anyone can join deliveroo.

Passwordless Auth (Twilio/Auth0)
Post a job
Automatically notify others in your area (Twilio/Sendgrid)
Manage job lifecycle
Communicate with others (Twilio)
Receive payment (Stripe)
Two-way feedback

What's next?

Brand - The gorgeous material-ui has made it straight forward to make something that looks good, but I need to spend some time creating a feeling and identity etc.
Feature/groups - Some early feedback was that it would be able to create private groups to add an extra layer of trust.
Population density based search area - using open data, I'd like to set default search area based on population density. Somone living out in the sticks will benefit from a larger area, whereas it makes sense to keep it smaller in cities.
Ensure it works good internationally!

How it's been done?

What's your poison?

In the interest of speed, my goto tools for web applications are a serverless express api with s3 hosted react app and mongodb on atlas.

I'm also a fan of lerna so that's been used to tie it all together along with standardjs linting and cypress for integration tests (of which there currently are non 😅)

Sort the devops.

One thing I've learnt recently is it is much easier to decide on and implement a workflow and pipeline from the start than to create it retrospectively.

.gitlab-ci really does the business here and provides free access to an easy to use, highly integrated and fully featured build environment. Combine that with the serverless framework's ability to generate aws infrastructure and you've got environments created dynamically based on branch name, take a peak (Note the extra goodies included at the start to give some additional build insight) 😎

image: node:12.16

include:
  - template: SAST.gitlab-ci.yml
  - template: Dependency-Scanning.gitlab-ci.yml
  - template: License-Scanning.gitlab-ci.yml

stages:
  - test
  - deploy

# Test and lint all branches
test:
  stage: test
  script:
    - echo "Running tests.."
    - npm install
    - npx lerna clean --yes
    - npx lerna bootstrap
    - npm test

# Deploy all code on protected branches
deploy:
  stage: deploy
  before_script:
    - npm config set prefix /usr/local
    - npm install -g serverless
    - serverless --version
  script:
    - cd packages/api
    - envFile=${CI_COMMIT_BRANCH}_env
    - cp ${!envFile} .env
    - npm install
    - serverless deploy --stage $CI_COMMIT_BRANCH --verbose
    - cd ../web-app
    - cp ${!envFile} .env
    - npm install
    - npm run build
    - serverless deploy --stage $CI_COMMIT_BRANCH --verbose
  environment:
    name: $CI_COMMIT_BRANCH
  only:
    refs:
      - branches
    variables:
      - $CI_COMMIT_REF_PROTECTED == "true"

Pen to paper.

You can see the full code here

Interesting bits

🌍 Finding users within a radius

const users = await models.User.find({ address: { $geoWithin: { $centerSphere: [[parseFloat(location[0]), parseFloat(location[1])], radius / 6371.230] } } })

➡️ Using pusher to see new job posts in real-time

//BACK-END
//private- channels requrie auth to subscribe
const channel = 'private-jobs'
pusher.trigger(channel, 'new_job', { _id: newJob._id, coordinates: newJob.target.address.coordinates })

//FRONT-END
 const channel = pusher.subscribe('private-jobs')
 channel.bind('new_job', async (job) => {
     const distanceBetween = computeDistanceBetween([userHomeLoc.lat, userHomeLoc.lng], job.coordinates)
     if (distanceBetween <= process.env.REACT_APP_MAXIMUM_JOB_RANGE_KM || isNaN(distanceBetween)) {
         const { data } = await axios.get(`/jobs/id/${job._id}`)
         setJobs(oldJobs => [...oldJobs, data])
    }
})

📱 Turning off platform notifications by replying to sms. We added this following endpoint to the incoming sms webhook on our Twilio number and secured it with a key.

try {
      const { from, body } = req.body
      if (body === 'STOP' || body === 'stop') {
        const result = await UserService.toggleUserAvailabilityPhone(from, false)
        return res.status(200).json(result)
      }
      return res.status(400).send(`Body "${body}" not supported in hook`)
    } catch (e) {
      return res.status(500).send(tidyError(e))
}

Comments.

This was a fun project, hopefully it finds some users and people that are keen to work on, and grow it!

https://localresponse.uk

Crowd-Sourced Logistics

Ross Walker — Wed, 08 Apr 2020 20:57:26 +0000

What we're building

We're building an application to crowdsource essential services like grocery shopping and prescription delivery, connecting vulnerable individuals and those self-isolating with local volunteers.

Stage 1 is a consumer to consumer application. Log into the app with your phone number (provided by auth0/twillio) and see requests from within a radius of your location (TBD), and either add a job or select a job to respond to. Collect essentials shopping, deliver to a safe space and receive payment for services through stripe, attaching receipt. Notifications will be handled through twillio.

Stage 2 is about relieving pressure on supermarket delivery services, they have again called today for shoppers to visit stores where possible (https://www.bbc.co.uk/news/business-52211912). Working in partnership with supermarkets and again using highly localized volunteers we can do better by supplementing food deliveries by basing them out of local stores. This will improve social distancing and save lives.

Demo Link

https://dev.localresponse.uk

Stack

aws, serverless, express, mongodb, react, materialui, twillio, stripe, auth0

DEV Community: Ross Walker