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

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