Challenges content

content/challenges.md

@@ -0,0 +1,36 @@
+---
+layout: page
+title: 'Tantangan'
+---
+
+Untuk meningkatkan interaksi pembelajaran di dalam komunitas, kami para pengelola komunitas ReactJS Indonesia bekerja sama dengan [Facebook Developer Circle: Medan](https://www.facebook.com/groups/DevCMedan) mencoba menginisiasi format baru dalam bentuk tantangan yang dapat diikuti oleh semua anggota komunitas ReactJS Indonesia, baik di grup [Telegram](https://t.me/react_id) maupun grup [Facebook](https://www.facebook.com/groups/442974152553174/).
+
+## Topik
+
+Topik tantangan kali ini kita fokuskan pada seluk-beluk pengujian (_testing_) di aplikasi React. Demikian tahapan-tahapannya.
+
+## Tahapan
+
+Tantangan ini melibatkan beberapa tahapan di dalamnya.
+
+### 1. Pengenalan teori melalui _Pair Programming_
+
+Pada tahap ini akan kami adakan sesi _meetup online_ dengan topik pembahasan pengenalan dasar React dan Testing melalui pembuatan aplikasi sederhana dengan format pemrograman berpasangan (_pair programming_).
+
+Sebagai pengantar konsep _testing_ pada React, peserta _meetup_ diharapkan menyaksikan video [Confident React Testing](https://zainf.dev/confident-react-testing) ini terlebih dahulu sebelum _meetup_ dimulai.
+
+### 2. Sesi tanya jawab (_Ask Me Anything_) mengenai topik terkait
+
+Pada tahap ini akan kami adakan sesi _meetup online_ dengan format tanya jawab. Pertanyaan dikumpulkan terlebih dahulu melalui grup-grup yang sudah ada untuk nantinya dijawab secara langsung oleh para narasumber di sesi _meetup online_.
+
+### 3. Pengumuman tantangan
+
+Pada tahap ini, kami akan umumkan tantangan melalui tulisan di situs resmi [ReactJS Indonesia](https://reactjs.id) beserta kriteria penilaiannya.
+
+### 4. Seleksi finalis
+
+Dari semua pengerjaan tantangan yang terkumpul, panitia akan menyeleksi beberapa peserta terbaik berdasarkan kriteria penilaian yang telah diumumkan sebelumnya. Para finalis yang terpilih akan didampingi untuk mempresentasikan karyanya di _meetup online_ selanjutnya.
+
+### 5. Presentasi finalis
+
+Para finalis yang terpilih mendemonstrasikan karyanya di sesi _meetup online_ yang akan kita adakan, untuk nantinya dipilih juaranya oleh para peserta _meetup_. Para juara akan mendapatkan hadiah menarik yang akan disediakan oleh [Facebook Developer Circle: Medan](https://www.facebook.com/groups/DevCMedan).

src/components/layout/TopNavigation.tsx

@@ -87,6 +87,9 @@ const TopNavigation: React.FC<TopNavigationProps> = ({ title }) => (
           <Logo height={heights.brandLogo} fill={colors.white} title={title} />
         </HomepageLink>
       </Brand>
+      <MenuItem>
+        <Link to="/challenges">Tantangan</Link>
+      </MenuItem>
       <MenuItem>
         <Link to="/community">Komunitas</Link>
       </MenuItem>