Mongo & UI Test

Pertanyaan

[
  {
    "firstName": "Antonio",
    "lastName": "Banderas",
    "email": "antonio.banderas@gmail.com",
    "gender": "male",
    "addr": [
      {
        "street": "Upper Street",
        "house": "No 1",
        "city": "New York",
        "country": "USA"
      }
    ]
  },
  {
    "firstName": "Celine",
    "lastName": "Dion",
    "email": "celine.dion@gmail.com",
    "gender": "female",
    "addr": [
      {
        "street": "Upper Street",
        "house": "No 3",
        "city": "New York",
        "country": "USA"
      },
      {
        "street": "Upper Street",
        "house": "No 1",
        "city": "London",
        "country": "UK"
      }
    ]
  },
  {
    "firstName": "Enrique",
    "lastName": "Felipe",
    "email": "Enrique.Felipe@gmail.com",
    "gender": "male"
  }
]

1. Buatlah data dengan database mongo untuk data pelanggan di atas

2. Buatlah program untuk tugas berikut:

   • Menampikan data pelanggan seperti table dibawah dengan ketentuan sebagai berikut:

     • kolom name, dan gender dapat di urutkan sesuai alphabet
     • kolom address dapat di urutkan berdasarkan jumlah address yang dimiliki

       name	gender	address
       antonio banderas	male	Upper Street No 1, New York USA
       celine dion	female	Upper Street No 3, New York USA Upper Street No 1, London UK
       Enrique Felipe	male

   • Buatlah sebuah form untuk dapat merubah data di atas setidaknya merubah kolom berikut:

     • alamat email
     • merubah salah satu alamat
     • validasi inputan menggunakan format yang benar (email hrs format email, tidak boleh kosong)

   • Tampilan menggunakan react js, form menggunakan formik