#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));
  };