Login Page Example with React and Redux

Example implementation of log in functionality using:

• react
• redux
• redux-thunk
• redux-form
• styled-components

It's based on create-react-app.

Goals

Project aims to bring more or less real world experience of working with react and redux. To do so it incorporates considered directory structure and file naming.

How to run

• npm install or yarn
• npm start or yarn start

Tests

• npm run jest or yarn run jest

Authentication is faked. Hardcoded valid credentials are:

• test@test.pl
• Password1

Further steps

Project is still open for improvements. Here are some ideas:

• Cleanup dependencies inherited from create-react-app boilerplate.
• Introduce better approach for base styles using styled-components.
  • Use a theme.
  • Use component props.
• Store user data in localStorage to persist isAuthenticated.
• Come up with a strategy for component testing as currently it's problematic due to redux and redux-form.
• Replace redux-thunk with redux-saga.