Skip to content

Files

Latest commit

 

History

History
98 lines (62 loc) · 2.91 KB

README.md

File metadata and controls

98 lines (62 loc) · 2.91 KB

dicoding-blog 📚

dicoding blog - Merupakan aplikasi web statis yang dibuat sebagai latihan mobile first approach pada kelas Menjadi Front-End Web Developer Expert di Dicoding Academy

Author GitHub followers GitHub watches GitHub last commit


User Interface ✨


Requirements

Aplikasi ini membutuhkan beberapa kebutuhan sehingga menjadi responsive dari berbagai ukuran layar mulai dari mobile, tablet sampai dengan dekstop. beberapa kebutuhan antara lain :

  • Mengatur Viewport, Penggunaan Relative Unit, Ukuran Elemen.
  • Menggunakan Media Query, Breakpoint, Grid Layout Module, Grid Track, Grid Lines, Gutters, Fraction Unit dan Repeat Notation
  • Menggunakan Optimalisasi Teks dan Off Canvas Menu

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/dicoding-blog/.git

    cd dicoding-blog

  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

Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada profile ini ☺☺☺


Big Thanks for Dicoding


Dicoding