SignIn SignUp GetOnlineStatus & Wish List 2024

Project ini bertujuan untuk mengimplementasikan saran mentor untuk penggunaan Mockapi, dan menerapkan materi-materi yang telah dipelajari dalam Harisenin Bootcamp.

Tampilan SignIn & SignUp /index.html

Tampilan role User -> Home.html

Tampilan role User -> Home.html

Tampilan role Admin -> Admin.html

Fitur role User :

• Fitur 1: Tampilan nama user dan status loginnya on di Mockapi-nya.
• Fitur 2: Bisa Melakukan logout lalu status loginnya off di Mockapi juga.
• Fitur 3: Bisa mencoba wish list di tahun 2024(CRUD).

Fitur role Admin :

• Fitur 1: Tampilan nama user dan status loginnya on di Mockapi-nya.
• Fitur 2: Bisa Melakukan logout lalu status loginnya off di Mockapi juga.
• Fitur 3: Bisa Lihat All Users terdaftar dan All Users dengan status login on.

Implementasi Materi JavaScript:

• Materi 1: Function & Error Handling.
• Materi 2: DOM Manipulation.
• Materi 3: Local Storage.
• Materi 4: Asynchronous Programming.
• Materi 5: API Fetch (Mockapi For Users Resource).
• Materi 6: Array Objects & Array Manipulation.
• Materi 7: Form Handling, Etc.

Instalasi

1️⃣ Clone the repository.

git clone https://github.com/harymahayana07/javaScript-assignm.git

2️⃣ Navigate to repo directory.

cd javaScript-assignm

3️⃣ Now Running with Default Browser.

shortcut default browser : ALT + B or SHIFT + ALT + B

Data Test Resource users Mockapi -> (Gunakan name & password) -> ingat logout.

{ "createdAt": "2023-10-17T19:31:54.222Z", "name": "Arik07", "img_avatar": "https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar/385.jpg", "role": "admin", "password": "arik07", "status_login": "off", "id": "1" }, { "createdAt": "2023-10-17T19:24:09.286Z", "name": "Hary Mahayana2", "img_avatar": "https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar/1094.jpg", "role": "user", "password": "qqDOqxm3ce6FBye", "status_login": "off", "id": "2" }, { "createdAt": "2023-10-17T12:29:19.957Z", "name": "Hary Mahayana4", "img_avatar": "https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar/333.jpg", "role": "user", "password": "bn_iX23FZ7TQjdv", "status_login": "off", "id": "4" },

1️⃣ Clone the repository.

git clone https://github.com/harymahayana07/javaScript-assignm.git

2️⃣ Navigate to repo directory.

cd javaScript-assignm

3️⃣ Now Running with Default Browser.

shortcut default browser : ALT + B or SHIFT + ALT + B

Data Test Resource users Mockapi -> (Gunakan name & password) -> ingat logout.

{ "createdAt": "2023-10-17T19:31:54.222Z", "name": "Arik07", "img_avatar": "https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar/385.jpg", "role": "admin", "password": "arik07", "status_login": "off", "id": "1" }, { "createdAt": "2023-10-17T19:24:09.286Z", "name": "Hary Mahayana2", "img_avatar": "https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar/1094.jpg", "role": "user", "password": "qqDOqxm3ce6FBye", "status_login": "off", "id": "2" }, { "createdAt": "2023-10-17T12:29:19.957Z", "name": "Hary Mahayana4", "img_avatar": "https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar/333.jpg", "role": "user", "password": "bn_iX23FZ7TQjdv", "status_login": "off", "id": "4" },