#TeamProject - Week#5

[haydanu]

React Redux

Team 1

@lighteagle
@Dianpuspitasari86
@Taufik66645
@fariisiibrahiim -

---

Team 2

@iqbalelyas
@dannyGan
@sharfinaega
@iqbalmmm

---

Team 3

@deannakazawa
@alhajiry
@robyafrizal
@Zakintaliban

---

Task

• Create your-team-project-name in GitHub Organization
• deploy to Netlify

Install dependencies needed to support this project

• axios
• react-router-dom
• redux
• react-redux
• and anything you need

Rules

• Can Register and Login
• Display User Data
• Use This API
• React Styling

API Endpoints

HTTP	Routes	Description
POST	/user/register	to add new user
POST	/user/login	to login
GET	/user/logout	to logout
GET	/user/all-user	to get all user

USAGE

Please install axios first before using it

• ADD NEW USER

axios.post(`https://cobacoba-hayepe.herokuapp.com/user/register`, {
    {
	mobileNumber: your_number,
	firstName: your_first_name,
	lastName: your_last_name,
	dateOfBirth: your_birth_data, // can accept all data 06/07/1993 or 1993/12/01
	gender: your_gender, // male or female
	email: your_email,
	password: your_password
}
})
      .then(result => console.log(result))
      .catch(error => console.log(error));
  };

• LOGIN USER

axios.post(`https://cobacoba-hayepe.herokuapp.com/user/login`, {
    {
	email: your_email,
	password: your_password
}
})
      .then(result => console.log(result))
      .catch(error => console.log(error));
  };

• LOGOUT USER

axios.get(`https://cobacoba-hayepe.herokuapp.com/user/logout`)
      .then(result => console.log(result))
      .catch(error => console.log(error));
  };

• GET ALL USER

axios.get(`https://cobacoba-hayepe.herokuapp.com/user/all-user`})
      .then(result => console.log(result))
      .catch(error => console.log(error));
  };