Random Quote Generator - 1

Sunday, 07/02/2021
Solusi dari tantangan devchallenges.io - random quote generator bagian persiapan
Hero photo by Mert Talay, powered by unsplash.

Dev challenges Solution - Random Quote Generator

Kali ini akan membahas pengerjaan tantangan dari devchallenges.io tentang Random quotes generator.

Tantangannya cukup simple, hanya membuat web-app quote generator, untuk lebih jelasnya terdapat user-story sebagai berikut:

  • I can see a random quote
  • I can generate a new random quote
  • When I select quote author, I can see a list of quotes from them.
  • I can see quote genre under the author.

Karena ini adalah tantangan pada path Front-end Developer, jadi hanya perlu consume data dari api saja. API pun sudah disediakan yaitu dengan menggunakan Quote Garden API.

Persiapan

Untuk menyelesaikan tantangan kali ini akan menggunakan tools & framework sebagai berikut:

Init Project

Dikarenakan untuk project ini menggunakan typescript, untuk initialize react project bisa menggunakan perintah:

yarn create react-app random-quote --template typescript

yang akan mempersiapkan boilerplate code Project React js + Typescript, jadi ngga perlu lagi setup tsconfig secara manual.

Setelah selesai remove semua files yang tidak terpakai seperti commit ini tujuannya adalah membersihkan code yang tidak perlu.

Selanjutnya akan dilanjutkan dengan mendefinisikan interfaces sesuai dengan spesifikasi userstory.

Keep in touch for the updates ya! Cheers 🥂,

Hendra 'hare' Sadewa

Tech enthusiast, writting programming tutorial. Buy me coffee ☕

This site powered by:

Connect with Me

twitter
© 2021 | Hendra 'hare' Sadewa