msrxse / loginflow Goto Github PK

Sending login form triggers action

Implement views for LoginPage

see auth action file

If no username or password was specified, throw a field-missing error.

Login/Registers sets logginIn=true

Hook this.props.loggedIn in store so clicking login button sets this variable true. This is the previous step that will permit toggling whats seen on the views depending on loggin status.

Add loader:

bootstrap-loader: Add bootstrap-loader as a module in an entry point in the webpack config file.

Displays a loading indicator during requests (when clicking Login button).(missing simulation of network latency so it can be seen)

Sending register form triggers action to toggle auth var

Right now, the inclusion of postcss has broken all scss files. I have rename them as css but all those mixins and variables could be incorporated. I believe is the postcss plugin cssnext. Also see postcss-import and cssnano.

See docs at https://github.com/postcss/postcss-loader

Sending login form triggers action.

I need to use arrow functions within the body of classes. Note that babel-plugin-transform-class-properties is installed. Just need to figure out how to add "plugins": ["transform-class-properties"] within webpack2.

Refactor styles on buttons

Setup testing environment: Jest and Enzyme.

Move scss files to its own folder

Users have access to protected page called DashBoard after LoggIn/Register.

Router redirects users to HomePage after LoggIn/Register

First we are going to do is create a Navigation bar on top, functionality would be different for login and not logged in users. Nav files inside Header folder and Stream folder becomes Pages, where all views of the app will be implemented.

Implement views for RegisterPage

Once a user has logged in with their credentials, then the next step would be to make a subsequent request, with the token, to retrieve the users' details, so you can show them as being logged in.

Created users are saved to local storage, so are available after quiting the borwser

Webpack is not actually using the css loader.

LoaderOptionsPlugin was built for migration from webpack 1 to 2 and is not longer needed.

Right now is in src/index.js

Change forms to use controlled form fields

Install:
redux-devtools
redux-devtools-dock-monitor
redux-devtools-log-monitor

See implementation already on:
https://github.com/jmarcosuarez/iso-stack/blob/master/package.json