Code Monkey home page Code Monkey logo

cwbn's People

Contributors

alanpeters avatar annhorton avatar dviramontes avatar eemshi avatar galbwe avatar kbhan avatar msiadak avatar pmm4654 avatar tylerperkins avatar vasteward avatar wdoug avatar zadenrb avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

msiadak galbwe

cwbn's Issues

Database: modify queries.sql

Add 4 queries
create, update, get, delete
Name the queries (-- :name create-org! and such)
Edit doc for each query

fix: main-container view css

Screen Shot 2018-05-24 at 8.49.36 PM.png
Basically, we need some main view css so that the content for the pages component doesn't dictate the size of the main view.

feat: db migration and query scripts

Add new migration scripts to:

  1. create database tables
  2. populate reference database tables
  3. populate sample organization data
    Revise queries.sql for new database design

EPIC: GraphQL query for orgs by category

Stories

Backend

  • Every 30 minutes, Redis gets data from Airtable and caches it. The data comes in 5 different tables that reference each other's records by ID

screen shot 2018-08-23 at 6 22 44 pm

  • Right after Redis gets the data from Airtable, call a function to merge the 5 tables into one complete map that contains the full details of each organization, and save it in an atom. A single item (organization) in the map looks something like this:
{:name "Organization Name"
 :status "Active"
 :categories [...]
 :services [...]
 :type "..."
 :tags [...]
 :purpose-mission "..."
 :target-population "..."
 :area-served "..."
 :website "..."
 :contact-name "..."
 :email-address "..."
 :phone-number "..."
 :address-street "..."
 :address-city "..."
 :address-state "..."
 :address-zip-code "..."
}
  • Write a GraphQL schema + resolver that takes a category parameter and returns organizations that have a category match

Frontend

  • When a category link is clicked, make a query to the backend GraphQL server that returns only the organizations that belong to that category, and store them in the frontend app-db under that category key

Automate alphabetical display of orgs on category page

Right now the letters are hard coded to appear on the left and the orgs are manually listed in alphabetical order. Instead, it should infer the letters to display on the left (based on the list of orgs) and display the orgs in alphabetical order next to the appropriate letter.

Feat: Display organization status

Each org has a status: Active, Closed, or Draft

  • Display Active orgs
  • Display Closed orgs but with some kind of formatting to indicate that it's closed. Maybe a red label and/or grayed out text.
  • Do not display Draft orgs (moot point, because these shouldn't even reach the front-end)

The autofill of the search bar based on mouse hover causes terrible UX when trying to type

Typeahead component currently fills the in the search field based on what result is hovered over. What this means is that if you keep your mouse hovered over a result and try to update the field it will return a new list of results that will then cause the field value to be updated again and you will probably never be able to type what you actually want to type

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.