Giter VIP home page Giter VIP logo

mp-postcards's People

Contributors

jt-nti avatar

Stargazers

Tom de Grunwald avatar

Watchers

Adam Spiers avatar Stef Lewandowski avatar Florian Rathgeber avatar James Cloos avatar  avatar Kara de la Marck avatar

mp-postcards's Issues

Go live checklist

Non-code bits and pieces required for MP postcards to go live:

  • Domain (is this part of an existing BfB/tech for UK/final say site or on a new domain?)
  • Static site hosting (probably depends on the domain)
  • Email address to send postcards from and potentially receive emails from MPs. (probably also depends on the domain)
  • Add maintainers/transfer repository to https://github.com/TechForUK
  • GDPR review/approval

Currently prototype would also require funded accounts for the following:

  • Netlify account (if required)
  • IBM Cloud account (backend uses Cloudant DB and OpenWhisk functions)
  • Sendgrid account

Limit postcard length in UI

The length of a postcard text (i.e. message + name + address) is currently limited to 450 to line up with a postcard print/send service. The UI should show/enforce this limit or the limit should be removed.

Beautify UI

Probably incomplete list of places the prototype diverges from the design

  • no photo around postcard editing area
  • layout of topic selections somewhat suspect (would also be good to have a single column on small screens)
  • would be good if the choice of MP more closely mirrored the choice of topic but not sure how to fit it all in successfully (this is a bit different to the original design but I think works better with the auto suggest lookup field- yell if you disagree!)
  • one design option had a separate page for entering the sender's details- is it worth splitting off from the postcard writing page where it currently is?
  • page order- pick topic, pick MP, write card seems good to me but what do other people think?
  • show progress- the designs show a simple progress bar under the 'Write to your MP' title
  • buttons currently look awful- think the design has a flat colour but they also need hover/disabled state
  • form fields need tweaking- spacing, labels, border, etc.

Anything else?

Show MP lookup 'progress'

Give some indication when MPs are being looked up, e.g. one/some 'shadow' MP boxes and/or spinner of some kind

Validate postcard progress

It should not be possible to send an incomplete postcard. The routing probably needs updating to prevent progress to the next screen before the required information has been provided

Testfest/review

It would be great to get a few people (or more!) to try out the current prototype on various browsers/devices and open issues for any bugs they hit.

Feedback and suggestions would also be really useful.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.