wilsonoey · wilsonoey · Nov 11, 2023 · Nov 11, 2023 · Nov 11, 2023 · Nov 11, 2023
diff --git a/README.md b/README.md
@@ -0,0 +1,45 @@
+> English Languages
+
+# Story App
+
+## Background
+Story App is an application that is used to share stories with account owners who have already created.
+
+## Technology
+The technology used to create this application is as follows:
+-   For appearance, I used the [TeleportHQ](https://teleporthq.io) application template then converted it into code using **HTML** and **CSS** then I restructured **HTML** and replaced **CSS** becomes **SCSS** for **Bootstrap** customization
+-   To display content coming from the API, I use **Axios**
+-   For the language change feature, I use `@lit/localize-tools`
+-   To find out other *packages* used to create applications, you can see [package.json](https://github.com/wilsonoey60/Belajar-Tools-Front-End-Web-Intermediate/blob/submission-2/package.json)
+
+## Feature
+-   Stories publicly without logging in using data originating from [JSON](https://github.com/wilsonoey60/Belajar-Tools-Front-End-Web-Intermediate/blob/submission-2/src/public/data/data.json)
+-   Register
+-   Login
+-   Dashboard uses data coming from [API](https://story-api.dicoding.dev/v1/#/)
+-   Add story
+-   Alert
+-   Localization uses 3 languages, such as English, Indonesian, and Chinese
+
+> Bahasa Indonesia
+
+# Story App
+
+## Latar belakang
+Story App adalah sebuah aplikasi yang digunakan untuk berbagi cerita kepada pemilik akun yang sudah pernah buat.
+
+## Teknologi
+Teknologi yang digunakan untuk membuat aplikasi ini sebagai berikut:
+-   Untuk tampilan, Saya menggunakan templat aplikasi [TeleportHQ](https://teleporthq.io) kemudian dikonversi menjadi kode menggunakan **HTML** dan **CSS** lalu Saya melakukan restrukturisasi **HTML** dan mengganti **CSS** menjadi **SCSS** untuk penyesuaian **Bootstrap**
+-   Untuk menampilkan konten yang berasal dari API, Saya menggunakan **Axios**
+-   Untuk fitur ubah bahasa, Saya menggunakan `@lit/localize-tools`
+-   Untuk mengetahui *packages* lainnya yang digunakan untuk membuat aplikasi bisa kalian lihat di [package.json](https://github.com/wilsonoey60/Belajar-Tools-Front-End-Web-Intermediate/blob/submission-2/package.json)
+
+## Fitur
+-   Cerita secara publik tanpa *login* menggunakan data yang berasal dari [JSON](https://github.com/wilsonoey60/Belajar-Tools-Front-End-Web-Intermediate/blob/submission-2/src/public/data/data.json)
+-   *Register*
+-   *Login*
+-   *Dashboard* menggunakan data yang berasal dari [API](https://story-api.dicoding.dev/v1/#/)
+-   Tambah cerita
+-   *Alert*
+-   Lokalisasi menggunakan 3 bahasa, yaitu Inggris, Indonesia, dan China
diff --git a/dist/404.html b/dist/404.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><title>404 - Not Found</title><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="utf-8"/><meta property="twitter:card" content="summary_large_image"/><script defer="defer" src="app.bundle.js"></script></head><body><link href="../sass/style.scss"/><div><loading-component></loading-component><notfound-component class="not-found-container"></notfound-component></div><script data-section-id="navbar" src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script></body></html>
diff --git a/dist/449ad8adf6ae0424b7ed.woff b/dist/449ad8adf6ae0424b7ed.woff
diff --git a/dist/809.bundle.js b/dist/809.bundle.js
diff --git a/dist/966.bundle.js b/dist/966.bundle.js
diff --git a/dist/addpage.html b/dist/addpage.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><title>AddPage - Edible Practical Eel</title><meta property="og:title" content="AddPage - Edible Practical Eel"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="utf-8"/><meta property="twitter:card" content="summary_large_image"/><script defer="defer" src="app.bundle.js"></script></head><body><link href="../sass/style.scss"/><div><loading-component></loading-component><div class="add-page-container"><div class="add-page-header"><header data-thq="thq-navbar" class="add-page-navbar-interactive"><span class="add-page-logo">STORYAPP</span><div data-thq="thq-navbar-nav" class="add-page-desktop-menu"><nav class="add-page-links"><links-appbar class="home-links"></links-appbar><locale-picker class="dropdown"></locale-picker></nav></div><div data-thq="thq-burger-menu" class="add-page-burger-menu"><i class="bi bi-list"></i></div><div data-thq="thq-mobile-menu" class="add-page-mobile-menu"><div class="add-page-nav"><div class="add-page-top"><span class="add-page-logo1">STORYAPP</span><div data-thq="thq-close-menu" class="add-page-close-menu btn-close"><i class="bi bi-x"></i></div></div><homelinks-component class="add-page-links1"></homelinks-component></div></div></header></div><formaddstory-component class="form-input-container"></formaddstory-component><footer-component class="home-footer"></footer-component></div></div><script data-section-id="navbar" src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script></body></html>
diff --git a/dist/addpageforguest.html b/dist/addpageforguest.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><title>AddPage - Edible Practical Eel</title><meta property="og:title" content="AddPage - Edible Practical Eel"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="utf-8"/><meta property="twitter:card" content="summary_large_image"/><script defer="defer" src="app.bundle.js"></script></head><body><link href="../sass/style.scss"/><div><loading-component></loading-component><div class="add-page-container"><div class="add-page-header"><header data-thq="thq-navbar" class="add-page-navbar-interactive"><span class="add-page-logo">STORYAPP</span><div data-thq="thq-navbar-nav" class="add-page-desktop-menu"><nav class="add-page-links"><links-appbar class="home-links"></links-appbar><locale-picker class="dropdown"></locale-picker></nav></div><div data-thq="thq-burger-menu" class="add-page-burger-menu"><i class="bi bi-list"></i></div><div data-thq="thq-mobile-menu" class="add-page-mobile-menu"><div class="add-page-nav"><div class="add-page-top"><span class="add-page-logo1">STORYAPP</span><div data-thq="thq-close-menu" class="add-page-close-menu btn-close"><i class="bi bi-x"></i></div></div><homelinks-component class="add-page-links1"></homelinks-component></div></div></header></div><formaddstoryforguest-component class="form-input-container"></formaddstoryforguest-component><footer-component class="home-footer"></footer-component></div></div><script data-section-id="navbar" src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script></body></html>
diff --git a/dist/app.bundle.js b/dist/app.bundle.js
diff --git a/dist/app.bundle.js.LICENSE.txt b/dist/app.bundle.js.LICENSE.txt
@@ -0,0 +1,122 @@
+/*!
+  * Bootstrap v5.3.2 (https://getbootstrap.com/)
+  * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+  */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * @license
+ * Copyright 2014 Travis Webb
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
diff --git a/dist/dashboard.html b/dist/dashboard.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><title>StoryApp</title><meta property="og:title" content="StoryApp"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="utf-8"/><meta property="twitter:card" content="summary_large_image"/><script defer="defer" src="app.bundle.js"></script></head><body><link href="../sass/style.scss"/><div><loading-component></loading-component><div class="home-container"><div class="home-header"><header data-thq="thq-navbar" class="home-navbar-interactive"><span class="home-logo">STORYAPP</span><div data-thq="thq-navbar-nav" class="home-desktop-menu"><nav class="add-page-links"><links-appbar class="home-links"></links-appbar><locale-picker class="dropdown"></locale-picker></nav></div><div data-thq="thq-burger-menu" class="home-burger-menu"><i class="bi bi-list"></i></div><div data-thq="thq-mobile-menu" class="home-mobile-menu"><div class="home-nav"><div class="home-top"><span class="home-logo1">STORYAPP</span><div data-thq="thq-close-menu" class="home-close-menu btn-close"><i class="bi bi-x"></i></div></div><homelinks-component class="home-links1"></homelinks-component></div></div></header></div><div class="home-gallery"><div class="home-gallery1"><div class="home-container1"><listitem-component></listitem-component></div></div></div><footer-component class="home-footer"></footer-component></div></div><script data-section-id="navbar" src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script></body></html>
diff --git a/dist/data/data.json b/dist/data/data.json
@@ -0,0 +1,69 @@
+{
+  "error": false,
+  "message": "Stories fetched successfully",
+  "listStory": [
+    {
+      "id": "story-FvU4u0Vp2S3PMsFg",
+      "name": "Faisal Sulaiman",
+      "description": "In rhoncus lorem nec ex egestas mollis vel a mauris. Pellentesque vel diam at neque hendrerit bibendum. Quisque egestas, dolor eu semper dapibus, turpis neque.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?nature",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-q9anz4avd83ni2r3",
+      "name": "Alya Jamaluddin",
+      "description": "In a pretium sem. Suspendisse eget sollicitudin enim, sed suscipit mi. Integer sagittis lorem urna, tincidunt viverra lectus gravida id. Praesent venenatis nibh ac nisi.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?mountain",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-vd83nqai2r39anz4",
+      "name": "Vina Indah",
+      "description": "Curabitur euismod risus venenatis felis iaculis tincidunt. Pellentesque velit risus, tempus et odio vel, venenatis volutpat erat. Vivamus sed gravida lacus, non feugiat nibh. Nam.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?hiking",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-0Vp2S3PMsFgFvU4u",
+      "name": "Cinta Nur",
+      "description": "Pellentesque dignissim fringilla ultricies. Pellentesque velit arcu, mattis sed lacinia sed, congue non nisi. Etiam fermentum id lectus eu fringilla. Nullam a risus nec mauris.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?tennis",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-0VPMsFgFp2S3vU4u",
+      "name": "Eka Kasih",
+      "description": "Vestibulum lacinia mauris vitae felis mattis accumsan. Fusce eleifend tincidunt malesuada. Morbi euismod tempor est, pulvinar varius purus tristique et. Integer mattis at massa eu.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?football",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-usFgFp20VPMS3vU4",
+      "name": "Bulan Jamilah",
+      "description": "Nam quis euismod quam. Donec massa purus, sodales vitae massa eu, malesuada egestas magna. Ut rhoncus mattis lorem. Morbi placerat augue id augue aliquet egestas.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?programming",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-gFp20VPMS3vU4usF",
+      "name": "Nurul Tirta",
+      "description": "Vivamus consectetur eu erat nec luctus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ornare commodo ipsum non luctus.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?gaming",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-gFpsF20VPMS3vU4u",
+      "name": "Wahyu Cahya",
+      "description": "Ut et dolor vel magna mollis mattis. Ut et erat purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?traveling",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    },
+    {
+      "id": "story-PFvU4u0Vp2S3MsFg",
+      "name": "Burhanuddin Danial",
+      "description": "Quisque ultricies feugiat tincidunt. Duis auctor condimentum felis, a imperdiet odio lobortis eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.",
+      "photoUrl": "https://source.unsplash.com/1200x700/?skydiving",
+      "createdAt": "2022-01-08T06:34:18.598Z"
+    }
+  ]
+}
diff --git a/dist/dea24bf5a7646d8b84e7.woff2 b/dist/dea24bf5a7646d8b84e7.woff2
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><title>StoryApp</title><meta property="og:title" content="StoryApp"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="utf-8"/><meta property="twitter:card" content="summary_large_image"/><script defer="defer" src="app.bundle.js"></script></head><body><link href="../sass/style.scss"/><div><loading-component></loading-component><div class="home-container"><div class="home-header"><header data-thq="thq-navbar" class="home-navbar-interactive"><span class="home-logo">STORYAPP</span><div data-thq="thq-navbar-nav" class="home-desktop-menu"><nav class="add-page-links"><links-appbar class="home-links"></links-appbar><locale-picker class="dropdown"></locale-picker></nav></div><div data-thq="thq-burger-menu" class="home-burger-menu"><i class="bi bi-list"></i></div><div data-thq="thq-mobile-menu" class="home-mobile-menu"><div class="home-nav"><div class="home-top"><span class="home-logo1">STORYAPP</span><div data-thq="thq-close-menu" class="home-close-menu btn-close"><i class="bi bi-x"></i></div></div><homelinks-component class="home-links1"></homelinks-component></div></div></header></div><div class="home-banner"><homebanner-component class="home-banner1"></homebanner-component></div><div class="home-gallery"><div class="home-gallery1"><gallery-component class="home-gallery-heading heading2"></gallery-component><gallerysubheading-component class="home-gallery-sub-heading"></gallerysubheading-component><div class="home-container1"><listitem-component></listitem-component></div></div></div><footer-component class="home-footer"></footer-component></div></div><script data-section-id="navbar" src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script></body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><title>404 - Not Found</title><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="utf-8"/><meta property="twitter:card" content="summary_large_image"/><script defer="defer" src="app.bundle.js"></script></head><body><link href="../sass/style.scss"/><div><loading-component></loading-component><notfound-component class="not-found-container"></notfound-component></div><script data-section-id="navbar" src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script></body></html>