50 lines (33 loc) · 2.1 KB

Task 4 - Getting started with React and Redux.

Objectives

Learn to work with React and Redux.
Build login and sign up form with Redux Forms.

Learning Resources

Here are the list of learning resources for this task.

Topic	Resource
Learn ReactJS	Link to this resource
Learn Redux	Link to this resource
ES6	Link to this resource
Redux Forms	Link to this resource
React, Redux Tutorial	Link to this resource

Tasks

Step 1: Git Clone the boiler plate template to get started with React and Redux.

Clone this repo to ge started https://github.com/tarique93102/react-redux-starter-template
Crate a new git repo on GitHub for your frontend. You should have two Git repos. One for your frontend and one for your backend.

Step 2: Sign up form.

Create the UI of signup from with email and password as input boxes and a sign up button with ReduxForm.
Create actions and reducers for the signup form.
Connect actions to the backend with the sign up API's you've created in Task 2.
Make sure you have loaders on the form.
Make sure you validate emails and passwords
Make sure you show error messages from the backend on the form.

Step 3: Login form.

Create the UI of login from with email and password as input boxes and a log in button with ReduxForm.
Create actions and reducers for the login form.
Connect actions to the backend with the login API's you've created in Task 2.
Make sure you have loaders on the form.
Make sure you validate emails and passwords
Make sure you show error messages from the backend on the form.

Deliverable

Push changes to your frontend Git Repo with login and signup forms built and connected to the backend.