Git Product home page Git Product logo

50-a-foil-status's People

Contributors

amcguiga avatar aniagaska avatar ashryanbeats avatar bronzehedwick avatar mtwn105 avatar olesia-ag avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

50-a-foil-status's Issues

Change favicon

Design and implement a new favicon for the site, replacing the default react favicon, or else remove the favicon entirely.

Align table columns

The columns of data in the foia list are not always aligned, depending on the data. The left edge of each column should always be aligned. This might involve re-writing the table markup to use another layout technique (e.g. divs and flex/grid).

Example of the problem:
Screen Shot 2021-02-16 at 9 16 01 PM

Map statuses to human-readable version

Create an object (other construct) to map the machine friendly but ugly-looking status's returned by the API to human-readable versions, and use those human versions for display. The mapping should be as follows:

  • ack → Acknowledged
  • rejected → Rejected
  • done → Done
  • processed → Processed
  • payment → Payment
  • no_docs → No documents
  • fix → Fix
  • lawsuit → Lawsuit
  • abandoned → Abandoned
  • partial → Partial
  • appealing → Appealing

Change title

The current page title is the default "React App". This should be changed to describe the project. Will need thought on what the text actually should be.

Finesse filter drop down styles

The filter select menus and their labels are crammed together; the simplest solution is to put each label+select on their own line with some white space. That might be the best option, but the actual implementation is left to the developer's creativity.

Finesse mobile header design implementation

Some specific issues to look at:

  • The header icon shrinks to nothing at small widths
  • The header text gets cut off at small widths

Design decisions are left to the developer's creativity on how to resolve.

Set up our testing framework and one test

This is wide open, but still could be a good first issue for someone who feels confident in testing and wants to help us get on good footing with testing. We'd love to have tests for both our Node.js backend and our React frontend.

If someone takes this on, it would be good to start splitting this out a bit from a monolithic "Write tests" issue :)

Rehash our approach to storage

  1. Decide:
  • Cloud-based solution
  • File-based solution on GitHub repo
  1. Implement the data model and data layer for jurisdiction and agency data ("stale data")

  2. Create a manual script to write the "stale" data and store

  3. Re-write the existing cron job

  • Only call out to the foia data
  • Read the "stale" data
  • Combine the above and write out
  1. Where do we store the above data:
  • Redis
  • File
  • Memory (i.e., set to a variable)

Change default branch to main

Once this is done, everyone with a local repository will need to run these commands inside their repo to get everything working again.

git branch -m master main
git fetch origin
git branch -u origin/main main

For more info, see the official Github documentation.

Convert time stamps in foia list to human readable format

The times of requests displayed in the filterable foia list are in machine-readable ISO format, which is not very human friendly. Convert this to a human-readable format. We already include the luxon library, which is really nice for handling dates and times.

Here's the issue outlined in red.
Screen Shot 2021-02-16 at 9 10 18 PM

This ticket should at the same time address the dates overlapping each other, simply by having shorter output. Here's that issue.
Screen Shot 2021-02-17 at 7 23 12 PM

Explora FOIA Data Timeline storage

Muckrock doesn't expose the journal of each change to Foia Request statuses and other attributes. If we were able to capture that over time, we could give a much more data rich timeline of the lifecycle of freedom of information.

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.