https://github.com/ardywsptr/clubfinder

Club Finder - Repositori ini merupakan latihan dari materi ECMAScript6, NPM, Webpack dan AJAX pada kelas Belajar Fundamental Front-End Web Development di Dicodinglatihan
https://github.com/ardywsptr/clubfinder

dicoding-academy ecmascript6 npm webpack

Last synced: 3 months ago
JSON representation

Club Finder - Repositori ini merupakan latihan dari materi ECMAScript6, NPM, Webpack dan AJAX pada kelas Belajar Fundamental Front-End Web Development di Dicodinglatihan

• Host: GitHub
• URL: https://github.com/ardywsptr/clubfinder
• Owner: Ardywsptr
• Created: 2023-04-16T07:49:44.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-16T07:52:44.000Z (about 2 years ago)
• Last Synced: 2025-01-14T02:29:30.965Z (4 months ago)
• Topics: dicoding-academy, ecmascript6, npm, webpack
• Language: JavaScript
• Homepage: https://www.dicoding.com/academies/163
• Size: 10.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# club-finder

**club-finder** - Merupakan aplikasi web yang dibuat sebagai latihan ECMAscript6, web component, asynchronous javascript request dengan API https://sports-api.dicoding.dev/ pada kelas [Belajar Fundamental Front-End Web Development](https://www.dicoding.com/academies/163) di Dicoding Academy

![Author](https://img.shields.io/badge/made%20by-Ardywsptr-blue)

![GitHub followers](https://img.shields.io/github/followers/Ardywsptr?style=social)

![GitHub watches](https://img.shields.io/github/stars/Ardywsptr/ClubFinder-3?style=social)

![GitHub last commit](https://img.shields.io/github/last-commit/Ardywsptr/ClubFinder)




## Webpack bundle :

Web app ini dibuat dengan menggunakan JavaScript *bundler* **Webpack** dengan berbagai teknologi yang di pakai, antara lain :

- `clean-webpack-plugin`

- `copy-webpack-plugin`

- `css-loader`

- `favicons-webpack-plugin`

- `file-loader`

- `html-webpack-plugin`

- `http-server`

- `style-loader`

- `webpack-cli`

- `webpack-dev-server`




## Getting Started

*Untuk memulai, Install npm lalu jalankan beberapa perintah di bawah ini untuk memulainya, folder dist akan dibuat setelah itu.*

1. Clone repositori

  

    `git clone https://github.com/Ardywsptr/ClubFinder/.git`

    `cd ClubFinder`

2. Install NPM

   

   `npm install`

   

   > Pastikan koneksi internet anda stabil sehingga tidak ada resiko gagal install.

3. Build untuk distribusi production

   `npm run build`

4. Starting development server

   `npm run start-dev`

   > Untuk memastikan development berjalan dengan baik pastikan cache pada browser anda sudah dibersihkan.

5. Starting production server

   `npm run serve`

   > Sebelum memulai server production sebaiknya dilakukan build dan testing terlebih dahulu.

   





















Jika ada pertanyaan atau issue, kunjungi [new issue](https://github.com/Ardywsptr/ClubFinder/issues/new)

 

Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada [profile](https://github.com/Ardywsptr) ini ☺☺☺




Big Thanks for [Dicoding](https://www.dicoding.com/)