GSCP Client 1.1.1

client side to GSCP API

Getting Started

1. npm i
2. npm start

Testing

npm test

Deploying

Stage

• to do

Production

• to do

to do

• improve application structure to something scalable and maintainable (redux) [8/28/2017]
  • http://redux.js.org/docs/recipes/ReducingBoilerplate.html [9/12/2017]
    • https://www.youtube.com/watch?v=xsSnOQynTHs
  • normalize data
  • normalize es6/7 api with a polyfills
• implement react router https://reacttraining.com/react-router/web/example/auth-workflow
  • learn how to unit test router with redux [9/7/2017]
  • e2e/integration test router & redux
• need a proper release cycle from dev to stage and prod
• add a task runner for version bumping [8/27/2017]
• rewrite client utility as a proper es6/7 class
  • comment/document
• add a working linter & rules to ST3 on mac [9/12/2017]
• add auto-formatting for jsx to st3 on mac
• update lint rules to match mac on pc
• update formatting rules to match mac on pc
• context whitelisting?
• new Wrapper container to handle all auth and redirect logic [9/11/2017]
  • this doesn't really seem like such a good pattern yet...
• add a catch-all that redirects to dashboard [9/9/2017]
• logout component
• invest a day into cleaning up the entire client application
  • performance
  • comments/documenting
  • refactoring
    • refactor naming convention to remove *Container from container names and add *View to components instead of *Component? --this could make the app more difficult to reason about
    • find a better solution to redirecting to /login and perhaps just hide header/siderbar/ and all other applicable components and just display the login component?
• refactor actions to something more maintainable, possibly move them into the reducer folder and have a folder for each reducer, actions and action creators
• determine if the wrapper needs to be a container or component?
• revalidate proptypes for token and isloggedout considering token is both boolean and string
• migrate to latest version of create-react-app [3/3/2018]
  • client-side tests passing [3/4/2018]
  • deprecate client-old

components

app component [coverage: partial]

• unit tests [8/30/2017]
• comment / clean up / refactor / prop types / default props [8/31/2017]
• refactor tests to account for react router & redux [9/7/2017]
• refactor app component [9/8/2017]
• refactor unit tests [9/12/2017]

container component [coverage: complete]

• comment [9/11/2017]
• proptypes [9/11/2017]
• rename this component [9/11/2017]
• tests [9/12/2017]

dashboard component [coverage: incomplete]

• unit tests [9/7/2017]
• comment [9/7/2017]
• refactor dashboard component [9/8/2017]
• refactor unit tests (not important atm)...

forms component [coverage: complete]

• unit tests [8/26/2017]
• removed btn glow [8/26/2017]
• prop types & default props [9/6/2017]
• comment / document [9/6/2017]

header component

• add header component [9/8/2017]
• document [9/11/2017]
• active classes for nav
• tests
• finish styling

list component [coverage: none]

• add list component [9/8/2017]
• comment/document list component [9/8/2017]
• proptypes/default props
• lint/format
• performance
• tests

login component

• button states
• button border
• button text shadow
• glyph icons
• pull out form styles for separate component/stylesheet
• add form validation [8/26/2017]
• add validation for email addresses [8/26/2017]
• interface with lumen API [8/27/2017]
• read this for login storage: https://auth0.com/blog/cookies-vs-tokens-definitive-guide/ [8/27/2017]
• https://stormpath.com/blog/where-to-store-your-jwts-cookies-vs-html5-web-storage [8/27/2017]
• session handling should be stateless [8/27/2017]
• implement some loading state for better perceived performance [8/27/2017]
• improve the loading state with some animation... [8/27/2017]
• container / presentational components: [8/29/2017]
  • https://www.youtube.com/watch?v=KYzlpRvWZ6c&t=1351
  • https://medium.com/@learnreact/container-components-c0e67432e005
  • https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
    • move container component back into container folder so that presentation is fully separated from container components [9/6/2017]
  • https://gist.github.com/chantastic/fc9e3853464dffdb1e3c
• prop types & default props
• improve email validation [9/6/2016]
• refactor loading classes and use classname package [9/11/2017]
• comments [9/11/2017]
• unit tests
• end to end tests
• remember me
• forgot password

tables components

• comments
• proptypes
• tests

containers

header container

• create header container [9/9/2017]
• logic for displaying correct modules based on roles/permissions
• logic for getting user info (details, role, permissions)
• document

sidebar container

• add sidebar container [9/8/2017]
• logic for displaying correct modules based on roles/permissions
• logic for getting user info (details, role, permissions)

sidebar component

• add sidebar component [9/8/2017]
• active classes
• tests
• finish styling

wrapper container

• change this to a container and put auth/redirect logic here...
• tests
• comments
• proptypes

issues

• form component paths [8/26/2017]
• login component should allow the enter key [8/26/2017]
• unable to proxy requests to api server [8/27/2017]
• 422 error when posting from login componet [8/27/2017]
• client should not throw an error in console [8/30/2017]
• token is not available in container [8/30/2017]
• app is rendering both components when hitting /dashboard [9/6/2017]
• react-router is not rendering component passed to route component [9/8/2017]
• proxy to new dockerized back-end hitting wrong port [3/3/2018]
• mobile menu should close when the route changes or when user clicks on a link
• issue with full height elements on login screen