Berikut ini merupakan salah satu project yang menjadi bagian dari seleksi asisten IRK 2018
Salah satu penerapan algoritma yang paling mudah adalah sorting. Saat ini sudah banyak algoritma untuk sorting yang telah dikembangkan di seluruh dunia. Untuk membantu orang - orang memahami berbagai algoritma sorting, tercetuslah ide untuk membuat sebuah website yang memberikan pemahaman mengenai algoritma sorting. Harapannya, website ini dapat dikembangkan lebih lanjut untuk pembelajaran strategi algoritma yang lain seperti Divide & Conquer, Dynamic Programming, dll
- React.js
- Node.js
- Sass
Untuk dapat menjalankan project ini secara lokal, perlu diperhatikan untuk menginstall beberapa hal berikut terlebih dahulu :
- Node.js versi terbaru
- Browser
- Yarn (opsional)
Untuk menjalankan project ini secara lokal di komputer Anda, Anda dapat melakukan beberapa langkah berikut :
- Clone repository ini
- Buka cmd pada root direktori dari repo yang telah di clone
- Install dependency untuk back end dengan command berikut :
npm install
- Pindah ke direktori client dari root direktori dan install dependency untuk front end dengan command berikut :
cd client
npm install
- Setelah dependency untuk front end dan back end terinstall, kembali ke root direktori dan jalankan command berikut untuk menjalankan server :
cd ..
npm run dev
atau
cd ..
yarn dev
- Project berhasil dijalankan dan browser akan langsung membuka halaman web dari project ini. Jika halaman web tidak terbuka secara otomatis, anda dapat membuka tab baru dan menuju ke 'localhost:3000'
Untuk melihat hasil project ini tanpa menjalankan project ini pada local computer, Anda dapat menuju ke situs berikut : https://sorting-tutorial-yahya.herokuapp.com/
Bonus berhasil diselesaikan dengan menggunakan docker dan deploy aplikasi ke heroku. Dockerfile dan file docker-compose yang digunakan dapat dilihat pada root direktori.
Berikut tampilan homepage dari website Sorting Tutorial :
