astroash / policy-picker Goto Github PK
View Code? Open in Web Editor NEWWeb app for political policies to be broken down and explained in a simple visual way to engage young users
Home Page: https://policypicker.herokuapp.com/
Web app for political policies to be broken down and explained in a simple visual way to engage young users
Home Page: https://policypicker.herokuapp.com/
Use react-router to make working routes to all pages
As a user I can see a carousel of three pages of instructions for using the snippet swipe section.
Selection criteria:
Setup a boilerplate environment ready to customise.
Acceptance Criteria:
User stories
As a user browsing the app I can see:
Success Criteria
Research the following react components to see if they have the functionality needed for the app:
swipey module https://www.npmjs.com/package/react-swipe-card#demo
carousel component https://www.npmjs.com/package/react-slick
nav component
https://reactstrap.github.io/components/navs/
Also look into:
IF the first two do not have full functionality research hammer.js.
Generic components will be created to display the copy. Research needed to decide the best place to store this. Current ideas are:
User stories
As a user arriving on the summary page l can:
Success Criteria
We need to add an onClick to the menu links which will call the changeTopic method from app state. This will change the icons and text on the policy carousel properly.
Acceptance Criteria:
User stories
As a user arriving on the snippet swipe page l can:
Success Criteria
Research the following to discover which of these three are best practice and most effective to navigate our site using React router.
Users top three pain points using application:
1.
2.
3.
User stories
As a user arriving on the homepage I :
Success Criteria
Research Redux to see if it is worth the time investment to learn.
We need to research how to test our React project using Jest.
User stories
As a user arriving on the form page l can:
Success Criteria
Animated graphs are wanted in the infograph. Research needed to see if any of the follow are suitable:
User stories
As a user arriving on the homepage I :
Success Criteria
User stories
As a user arriving on the ask an mp page l can:
Success Criteria
Ejected app linter woes
User stories
As a user arriving on the policy carouse l can:
Success Criteria
User stories
As a user on any page I can click on a burger menu and see a dropdown of 'pages' I can navigate to.
Success Criteria
User stories
As a user arriving on the infograph page l can:
Success Criteria
Cookies will allow us to only display the instruction modal the first time users use the site. Research needed to find out:
Error message: MatchMedia not present ๐
Acceptance criteria:
has occurred both
404 generated by nginx, not our own server.
I guess if content is rarely-used, heroku takes a while to pull it up from the archives.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.