Dokumentasi Frontend React.js Technical Test at SejutaCita

Hello & selamat datang di repository Frontend React.js Technical Test at SejutaCita. Dokumentasi ini berisikan guide & detail-detail project.

Getting Started

Cloning Project

Lakukan command:

git clone https://github.com/erwinramadhan/sejutacita-reactjs-test.git

Untuk cloning project dan otomatis akan membuat folder sejutacita-reactjs-test di lokal masing-masing, kemudian pindah ke directory folder tersebut lalu jalankan:

code .

untuk membuka code editor pada working directory tersebut.

Dependencies Installation

Gunakan command:

yarn

pada working directory untuk menginstall semua dependencies apabila sudah di clone.

Gunakan command:

yarn start

Untuk memulai server.

CORS ISSUES

karena API yang diconsume dari line today memiliki CORS policy maka perlu untuk menginstall sebuah plugin browser bernama Moesif Origin & CORS Changer plugin tersebut dapat didownload diweb resmi plugin chrome atau firefox berikut link pluginnya:

Chrome : https://chrome.google.com/webstore/detail/moesif-origin-cors-change/digfbfaphojjndkpccljibejjbppifbc Firefox : https://addons.mozilla.org/en-US/firefox/addon/moesif-origin-cors-changer1/

setelah mendownload plugin selesai sekarang bisa mengaktifkan plugin tersebut. Jika plugin sudah aktif maka Server Localhost yang dijalankan akan dapat mengeget API yang disediakan oleh LineToday.

Tech Stacks

List libraries yang digunakan:

React (Main frontend UI library)
Bootsrap (CSS Framework)
CSS Module (CSS as module import)
React Router (Single Page Application (SPA) Routing)
Redux (State Management Library)
Redux Thunk (Asynchronous Action handling middleware)
React Testing Library (Unit testing library for react)
Lodash (Provider utility functions library for common programming task)
Sass (CSS Preprocessors)
Axios (Promise based HTTP client for the browser & node.js)
Redux Devtools Extension (DevTools for Redux)
React Icons