Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Covid Tracker Kota Malang

Avatar for Ngalam Backend Community Ngalam Backend Community
April 18, 2020
Programming
75
0

Covid Tracker Kota Malang

Covid Tracker Kota Malang from Mas Kobar

Avatar for Ngalam Backend Community

Ngalam Backend Community

April 18, 2020

More Decks by Ngalam Backend Community

See All by Ngalam Backend Community
Web_Scraping_with_Scrapy.pdf
Avatar for Ngalam Backend Community ngalambackend
0
91
Introduction to Flask
Avatar for Ngalam Backend Community ngalambackend
0
200
Achieving API Performance and Scalability
Avatar for Ngalam Backend Community ngalambackend
0
98
Interfaces in Go
Avatar for Ngalam Backend Community ngalambackend
0
71
CSS in JS in action
Avatar for Ngalam Backend Community ngalambackend
0
62
Productive Remote Working with Scrum
Avatar for Ngalam Backend Community ngalambackend
0
110
Supercharge Local Development with Docker
Avatar for Ngalam Backend Community ngalambackend
1
140
Building Scalable and Flexible API by Leveraging GraphQL and BigTable
Avatar for Ngalam Backend Community ngalambackend
1
340
Software 2.0 With Go
Avatar for Ngalam Backend Community ngalambackend
1
73

Other Decks in Programming

See All in Programming
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計｜Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
Avatar for Tomohisa Takaoka tomohisa
1
740
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ～ 一本の登り道の、行き先 ～
Avatar for HideyukiKitao panda728
PRO
0
210
Google Apps Script で Ruby を動かす
Avatar for Shogo Kawahara kawahara
0
140
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
Avatar for HideyukiKitao panda728
PRO
2
180
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
Avatar for sumihiro3 sumihiro3
1
670
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
Avatar for starfish719 starfish719
0
4.1k
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.6k
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
120
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
Avatar for Susisu susisu
0
150
人間の目はかわらない、だからJPEGは30年もつ
Avatar for yuzneri yuzneri
12
18k
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
Avatar for YuppeEng yuppeeng
0
190
Go 1.27 における memory allocation の高速化
Avatar for ANDPAD inc andpad
0
110

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
830
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
590
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
470
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
45k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
73
41k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.2k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k

Transcript

  1. Covid Tracker Next.JS and React Hook kobars

  2. Covid Tracker - Bing https://bing.com/covid

  3. Covid Tracker - kawalcovid19.id http://bf4eb5d76e98423c865678e32c8937d4

  4. Simple covid tracker https://github.com/kobars/covidtracker-kota-malang

  5. Layouting HTML5 Bootstrap 4 CSS 3

  6. React.Js Library Hooks Component API

  7. Using Class

  8. Using Hooks

  9. Framework based on React, Webpack and Babel - SSR by

    default - Good initial page load - SEO friendly - Page-based routing system - Automatic code splitting - Automatic pages optimization - Dynamic Import
  10. None

  11. Map Component Open street map

  12. Graph Component

  13. Bedah Code !! https://github.com/kobars/covidtracker-kota-malang