Integrasi Firebase Realtime Database dengan ReactJS

Saya ingin membuat game berbasis web, dengan konsep least count, di mana siapa yang paling sedikit nilai kartunya, dia menang.

Interface dan react component akan dikerjakan oleh anggota tim lain.

Scope proyek ini mencakup:

• Desain database pada Firebase RealtimeDB
• Integrasi front end dengan Firebase RealtimeDB
• Deploy ke Firebase Hosting

1. Page landing
2. Page join/login
3. Page lobby
4. Page game

Cara bermain nya:

1. ada maksimal 8 pemain, dari 52 kartu setiap deck (jika pemain lebih dari 4, akan ada dua deck), dibagikan 7 untuk setiap pemain, 
2. dari semua deck akan dibagi 2 deck kartu, tertutup dan terbuka. Di deck terbuka sudah ada kartu yang terlihat.
3. setiap putaran, pemain memiliki 60 detik untuk, menjatuhkan kartu ke deck tertutup.
4. Jika kartu yang dijatuhkan sama dengan kartu di deck terbuka, maka pemain dapat melanjutkan tanpa harus mengambil kartu. Lalu skor pemain akan dihitung dari pengurangan kartu yg dijatuhkan.
5. Jika kartu yang dijatuhkan tidak sama dengan kartu di deck terbuka, maka pemain harus mengambil kartu baik dari deck terbuka, maupun deck tertutup. Lalu skor pemain akan dihitung dari pengurangan kartu yg dijatuhkan, ditambah kartu yang diambil.
6. Pemain dapat menjatuhkan beberapa kartu yang sama sekaligus.
7. Ronde berakhir jika seorang player melakukan Show, yaitu membuka kartu pada lawan. Jika kartunya paling sedikit, dia menang di ronde tersebut. Jika tidak, dia akan mendapatkan pinalti berupa penambahan point sebanyak 40.
8. Setiap akhir ronde, poin terakhir setiap pemain diakumulasi. Dan yang mencapai 200, akan otomatis disingkirkan dari permainan.