Yossy Adirta Soeryo

README.md

@@ -1,2 +1,64 @@
-# p2-iproject-client
-Individual Project - Client
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+  <a href="https://makans.web.app/">
+    <img src="https://cdn.discordapp.com/attachments/1051562263183634462/1051566443965194360/makans-web-app-logo.png" alt="Logo" width="200" height="50">
+  </a>
+</div>
+
+<br />
+<div align="center">
+  <a href="https://makans.web.app/">
+    <img src="https://user-images.githubusercontent.com/36260766/206922526-f071b0f5-957d-4e21-8bc3-f6ca77da22dd.png" alt="Logo" width="700" height="450">
+  </a>
+</div>
+
+## About The Project
+Makans is a restaurant website for ordering food and making payments through the website.
+
+## Built With
+* [![Vue][Vue.js]][Vue-url]
+* [![TailwindCSS][TailwindCSS]][TailwindCSS-url]
+* [![Firebase][Firebase]][Firebase-url]
+* Pinia
+
+## Features
+* Add food to Cart
+* Delete food in Cart
+* Update food quantity
+* Search, Filter by category, and Pagination
+* Payment
+
+## 3rd Party API
+* RajaOngkir
+* Midtrans
+
+## Live Demo
+http://makans.web.app/
+
+## Github Server Link
+https://github.com/yossyadirta/makans-server
+
+<!-- MARKDOWN LINKS & IMAGES -->
+<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
+[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
+[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors
+[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
+[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
+[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
+[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
+[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
+[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
+[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
+[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
+[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
+[linkedin-url]: https://linkedin.com/in/othneildrew
+[product-screenshot]: images/screenshot.png
+[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
+[Vue-url]: https://vuejs.org/
+[Firebase]: https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white
+[Firebase-url]: https://firebase.google.com/
+[Pinia]: https://img.shields.io/badge/pinia?style=for-the-badge&logo=expo&logoColor=#D04A37
+[Pinia-url]: https://expo.dev/
+[TailwindCSS]: https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white
+[TailwindCSS-url]: https://tailwindcss.com/

client/.eslintrc.cjs

@@ -0,0 +1,14 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-prettier'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  }
+}

client/.firebase/hosting.ZGlzdA.cache

@@ -0,0 +1,6 @@
+favicon.ico,1668052766520,700e74c3cbec678cebde6c3076d3fae8a72e5f0602b1cdcffb6ca0f8d964a1b8
+index.html,1668062617664,e818d0a733b2ecbf4506d62bf0640e209ea5c6f4194078576c60bda2abd0cb73
+assets/logo_navbar.79e9f13f.svg,1668062617664,6d74dbab55485d167a7bb63f8997ff98e24c298a1e98dd3c5fc0d8a91854d7e5
+assets/index.2fad46e4.css,1668062617664,87a1df4633c89167b500f35ac2873a0a5e577a0d2569f1a778276a6be6156410
+assets/index.474294be.js,1668062617664,dec1ff963eb07ee6fdcdd79223d1f3d39a70df44cef1a04c9acd21950f13aa35
+assets/banner.be5f1c0f.jpg,1668062617664,347301bec4a24182590de7668fb38fca01a05f47e59048a40edf7995c4aa6ac8

client/.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "makans"
+  }
+}

client/.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

client/.prettierrc.json

@@ -0,0 +1 @@
+{}

client/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

client/README.md

@@ -0,0 +1,35 @@
+# client
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```

client/firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

client/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <link href="/favicon.ico" type="image/x-icon" rel="icon" />
+  <link rel="stylesheet" href="./src/assets/main.css">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script type="text/javascript" src="https://app.midtrans.com/snap/snap.js"
+    data-client-key="Mid-client-8lHuN6GbyGj9fSU5"></script>
+  <title>Makans</title>
+</head>
+
+<body class="bg-slate-100">
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>