https://github.com/sanengineer/bakergun-frontend-html-css-js

Connect to an RestAPI with Javascript or ReSTfullAPI integration with Javascript on webpage build with HTML & CSS
https://github.com/sanengineer/bakergun-frontend-html-css-js

javascript javascript-game javascript-library rest-api restful-api

Last synced: about 1 month ago
JSON representation

Connect to an RestAPI with Javascript or ReSTfullAPI integration with Javascript on webpage build with HTML & CSS

• Host: GitHub
• URL: https://github.com/sanengineer/bakergun-frontend-html-css-js
• Owner: sanengineer
• Created: 2020-09-20T05:43:31.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-07T10:00:54.000Z (over 4 years ago)
• Last Synced: 2024-11-11T23:26:44.009Z (3 months ago)
• Topics: javascript, javascript-game, javascript-library, rest-api, restful-api
• Language: HTML
• Homepage:
• Size: 696 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Bakergun - Frontend with HTML, CSS & Javascript

![Flow-Diagram-Frontend-Connect-RESTAPI-With-Javascript](https://res.cloudinary.com/dsv9w1ey3/image/upload/v1600701363/github-images/flow-diagram-frontend-connect-restapi-with-js_y89pgw.png)

Bakergun adalah akronim dari Batu Kertas Gunting.

Semua asset images dari semua halaman (pages) di game ini menkonsumsi atau merequest dari [Back-End](https://github.com/sanengineer/bakergun-backend) melalui ReSTAPI.

Project ini dibangun dengan HTML, CSS, Bootstrap, dan Javascript.

![ui-image-game-board!](https://res.cloudinary.com/dsv9w1ey3/image/upload/v1600701361/github-images/bakergun-ui-design_seshio.gif)

Untuk melakukan request dari end point itu sendiri dilakukan dengan javascript (80%) dan library [axios](https://github.com/axios)(20%).

Konsep tampilan Dekstop dan tablet (iPad) first, dan ada 2 halman dengan mode ala ala skeleton view supaya lebih estetik saat loading.

## Tantangan

Seharusnya diproject ini menggunakan javascript tanpa bantuan library, tapi saya masih mengalami kesulitan untuk menarik multiple endpoint memakai javascript.

Jadi masih ada satu dua halaman yang masih memakai library [axios](https://github.com/axios)

## Development

Untuk melakukan development project ini dengan VSCode diperlukan plugin [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass) dan [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer).

###### Lampiran:

---

###### Link Desain UI : https://www.figma.com/file/LcJvUL3iMNdFZ9lsLu0XHq/Bakergun-UI-3D-Models-UI-UX?node-id=0%3A1