This depends on the completion of issue #1.

In addition to implementing the new design and making sure that all of the fonts and spacing are correct, we should also make sure that the organization of the CSS is consistent and intuitive.

At the moment, although there is a CSS file in the /style directory, almost all of the CSS is being implemented inline as objects coming through the "style" attribute on the tags.

I suggest we use Radium to allow for pseudo classes.

To replicate:

1. on homepage/activity list, check the "select all" box, at the top-left of the list, in the table header, above all of the other checkboxes
2. click the "DELETE ACTIONS" button
3. notice that the activities are not deleted
4. also notice that deleting multiple events does work if you select the activities individually

At the moment, the plan is to place the application inside a page on a WordPress install currently located at WeCanSaveDemocracy.org.

This would allow us to expand the platform to include articles and other resources in the future.

Development would have to be run using a local instance of WordPress using something like MAMP (for Mac) or WAMP for Windows. Maybe there are better solutions than those, but MAMP has worked great for me.

We will also want to update the README with new instructions for installing the application locally.

Please contact me at [email protected] for login creds.

Since this is essentially a WordPress site, we need to find web hosting that will be robust enough to handle high amounts of traffic in the event that the application is mentioned in any major news outlets.

Due to the fact that action guides such as the "Indivisible Guide" - which is nothing more than a PDF, as well as shared Google Spreadsheet titled "He's Your Problem Now" have gotten national media attention, I think it would be good to find some sort of scalable solution that would be able to scale, while only charging us for the bandwidth being used. Currently, the WordPress install is being hosting on one of the upper-tier plans on Bluehost, but I am not certain that this would give us what we need in the event of a major news outlet linking to us, so that needs to be determined.

Right now, virtually anyone can access the API, as there is no authentication on it.

The API is actually coming from a WordPress installation using the "WP REST API" plugin. I chose to go this route since I wanted to
a) save time by not having to create an admin panel that would be easy for non-technical folks to use for data-entry
b) make it really easy for the developers to add new entities with specific fields such as "actions", "events", "donations", etc.

I was thinking that the application would live inside of a page on the WordPress install currently located at WeCanSaveDemocracy.org to allow for eventual expansion of the platform (see this issue) to also include articles and resources. So this is something to keep in mind.

There is documentation on how to do this using different types of authentication, it just needs to be implemented.

Will require some PHP knowledge.

Please contact me at [email protected] for login creds.

The package.json has the ISC license mentioned but a license isn't mentioned anywhere else.

What is the license for this code?

Thanks

Just add the latest and greatest linter and fix errors.

My vote is for 2-space indenting, but totally open to discussion on all standards.

Right now, I have some placeholder content for actions and causes.

This issue calls for someone with knowledge of, or desire to have knowledge of, political activism so that they can determine some actions and causes we should include in the initial launch.

My thought is to organize actions by an Action Type:

• Action
• Event
• Donation

For each action, we could filter by cause.

And once the user has selected a cause and searched for actions relating to that cause, then they can sort the list of actions by time commitment.

I am also thinking we could create tabbed interface for the available actions list on the http://localhost:8080/actions/new page, with tab3 for "Actions", "Events", "Donations".

Open to new ideas though.

There should be an action called something along the lines of "Contact Decision-Maker Relevant to Cause (aside from my local government official)". For these cases, we need to redirect the user to a page where they can enter

• the specific issue they're contacting a decision-maker about
• contact info for that decision-maker

Once they fill those 2 fields, then we take them to the activities list (/) page.

By default, I think the list should be by lowest to highest number in time commitment, but the user could choose to sort by highest to lowest.

So this could probably be done via 2 radio buttons.

Right now, I have an API set up from a WordPress back end using a REST API plugin (don't laugh, trying to save time by eliminating the need to create an admin panel). So that's meant to be the source of available activities.

What still needs to be done is to find some way to store a user's action list, as well as the UUID for their calendar, not a ton of data.

Since I'm not a backend developer, my first thought would be to use Firebase with some sort of out-of-the-box authorization solution that uses on Facebook and Google, as I'm not a huge fan of making people remember yet another set of creds, but definitely open to suggestions.

Webpack has leveled up quite a bit from the current version. Migration should be relatively straight forward.

https://webpack.js.org/guides/migrating/

Right now we're getting these from Google via <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> in the index.html, and it's a significant performance bottleneck, so we should add these to the repo.

Right now I am using the default "Dark Theme" of Material-UI (http://www.material-ui.com/#/). It is not very attractive.

Simple mockups of the three views would be great:

• The home page / master activity list (http://localhost:8080/)
• The "add action" screen" (http://localhost:8080/actions/new)
• The "find representative page" (http://localhost:8080/find-representative)

I suggest we leave the basic elements and layout alone for now for the sake of expediency, and rather focus on choosing nicer colors, adding a header, and a logo or at least choosing a nice font for the name of the app, "We Can Save Democracy" (WeCanSaveDemocracy.org).

I've attached screencaps of what I have so far
wecansavedemocracy-app-work-in-progress.pdf

This work has already been started, and is using the Add To Calendar plugin's API.

The desired outcome here is that when the user is ready to add the events to their personal calendars:

• They click the "Add these actions to your calendar!" button and are given a choice of which calendar to import to
• They select that calendar and are taken to the import screen for that particular calendar

So we need to complete the implementation of that button's drop down menu as well as the import feature.

At the time of this comment, here are the issues I'm seeing, which could require breaking some files up (which I should have done in the first place, admittedly).

/Users/DoronHomeFolder/Sites/wecansavedemocracy-test/src/components/CalendarPickerButtons/calendarPickerButtons.js (0/5)
  !  32:11  JSX props should not use arrow functions  react/jsx-no-bind
  !  39:11  JSX props should not use arrow functions  react/jsx-no-bind
  !  46:11  JSX props should not use arrow functions  react/jsx-no-bind
  !  53:11  JSX props should not use arrow functions  react/jsx-no-bind
  !  60:11  JSX props should not use arrow functions  react/jsx-no-bind

/Users/DoronHomeFolder/Sites/wecansavedemocracy-test/src/containers/ActivitiesList/individual_activity.js (0/1)
  !  128:13  JSX props should not use arrow functions  react/jsx-no-bind

/Users/DoronHomeFolder/Sites/wecansavedemocracy-test/src/containers/FindRep/findRepresentative.js (0/5)
  !  170:15  JSX props should not use arrow functions  react/jsx-no-bind
  !  176:15  JSX props should not use arrow functions  react/jsx-no-bind
  !  244:9   Empty components are self-closing         react/self-closing-comp
  !  246:40  JSX props should not use .bind()          react/jsx-no-bind
  !  265:17  JSX props should not use arrow functions  react/jsx-no-bind

/Users/DoronHomeFolder/Sites/wecansavedemocracy-test/src/containers/FindRep/renderRepData.js (0/5)
  !   90:8   Declare only one React component per file     react/no-multi-comp
  !  120:8   Declare only one React component per file     react/no-multi-comp
  !  160:8   Declare only one React component per file     react/no-multi-comp
  !  170:8   Declare only one React component per file     react/no-multi-comp
  !  179:98  'officialKey' is missing in props validation  react/prop-types

! 16 warnings (10:04:50 PM)```

The npm installs are going really slow, would love to speed those up, and Yarn is a great way to do that, just haven't set it up myself yet.

Open to suggestions on the best way to do this. Thinking that whatever is the easiest solution would be ideal.

Any additional input on these rudimentary wireframes would be great!

https://docs.google.com/drawings/d/18aKq4ts9mo3d7j8q8ND-WAyaTnrhyrEH23iaM0WSb94/edit

Feel free to make a copy of this Google Doc, or edit it directly, as it keeps track of revisions, so we can always roll back. Or, if you have another UX Design tool you prefer, by all means, use that!

When the user clicks on the "Add these actions to your calendar" button and the calendar import popup appears, we need a way to communicate the following:

If they've already imported this calendar, there is no need to take any further action as they are already subscribed, and that the calendar will update on its own on the following timelines:

• Apple updates on app/program startup and every 1-3 hours
• Google updates every 12 hours
• Outlook updates on app/program startup and every 1-3 hours
• Outlook.com updates every 3 hours
• Yahoo updates every 8-12 hours

...otherwise, the user can select a rep, and then add the activity to the list, but the activity itself never got added, so you'll have an activity in the list with no data aside from the list of reps.

There should be some check for a property that you would only get if you just clicked on the "Add Action" button from the Add Action page.