Demo-firebase - An experiment at making a free-to-play quiz game

Overview

An experiment at making a free-to-play quiz game. Cahoots Screenshot

How to Play

Developing

  • setup a firebase project:
    • firestore
    • authentication (email / password)
  • copy .env.example and add your firebase project config
  • npm start

Deploying

  • deploy the firestore rules firebase deploy --only firestore:rules --project <PROJECT ID>
  • npm run deploy

Dev Thoughts

There were a few things I was experimenting with:

  • Firebase (also my first foray into a NoSQL database)
  • Trying to follow Uncle Bob's Clean Architecture, with a "use cases" folder, and also attempting to hide the Firebase implementation behind an interface

I think the end result is still kinda messy, but it was interesting trying Clean Architecture out. I think use cases can fit pretty nicely with React's functional leanings, but it did feel like a lot of boilerplate.

I also tried to do an "entities" folder (might be using the wrong name for that) to represent the domain models more, but it seemed unnecessary given that everything's an object, and it didn't feel very React to store an OO instance (with methods) in state.

You might also like...
Redux bindings for Firebase. Includes React Hooks and Higher Order Components.

react-redux-firebase Redux bindings for Firebase. Includes Higher Order Component (HOC) for use with React. Usage Note If you are starting a new proje

Build a Chat Web App using React + Firebase
Build a Chat Web App using React + Firebase

Unichat Application Introduction This is a code repository for the corresponding video tutorial. In this video, we create a full Realtime Chat Applica

Actively maintained, community-driven chat UI implementation with an optional Firebase BaaS.
Actively maintained, community-driven chat UI implementation with an optional Firebase BaaS.

React Native Chat UI Actively maintained, community-driven chat UI implementation with an optional Firebase BaaS. Flyer Chat is a platform for creatin

Firebase incoming call notifications for React Native based applications.
Firebase incoming call notifications for React Native based applications.

Android Call Notifications App (React Native) Banner Notifications FullScreen Notifications Prerequisites for project Create a firebase project from f

A chat web application using React JS and Firebase.

Decisive Chat Decisive Chat is a chat application built by using React JS and Firebase. You can get a demo of it Here. For the sack of demo, the priva

Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm

Firebase Admin Console is a centralized platform for easy viewing and maintenance of Firestore database, the application's front-end is built in ReactJS.

Firebase Admin Console is a centralized platform for easy viewing and maintenance of Firestore database, the application's front-end is built in ReactJS. A starting template for developers to customize, build, and even deploy the desired admin console for their DB.

Discuzz: Open source Comment System Built With React and Firebase
Discuzz: Open source Comment System Built With React and Firebase

Discuzz Open source Comment System Table of contents Homepage Features Usage Exa

An example React Native Firebase application integrating authentication
An example React Native Firebase application integrating authentication

Firebase Authentication Example for React Native Thank you for trying the Firebase Authentication example šŸ‘ Just want to try it? It's live right here

Owner
Bhargab Nath
A bit complicated I'm. I literally don't just care who you are and if I do, you must mean someone to me. Work is what defines us, I believe.
Bhargab Nath
Daily Quiz Mobile app

Daily Quiz This is simple react-native application for playing quiz daily. A spring-boot backend for this application here. This app can be used in of

akasky 6 Dec 27, 2022
React Native Component to create individual character inputs for quiz-like interfaces, OTP screens etc.

react-native-quiz-input Basic Demo Description react-native-quiz-input is a React-Native package that allows the creation of individual character text

Antonio Cosentino 6 Sep 21, 2022
šŸ”„ A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.

React Native Firebase React Native Firebase is a collection of official React Native modules connecting you to Firebase services; each module is a lig

Invertase 10.5k Jan 1, 2023
React-firebase-mui-insta-reels - React Firebase Material-UI insta reels app

React Firebase Material-UI insta reels app Website link : here P.S :- Open the w

Jaydip Dey 8 Feb 11, 2022
React Native Firebase Authentication Starter, manage user authentication in React Native app with firebase

Sign up and sign in screens for mobile using React Native. This is an example of how to use Firebase Authentication in React Native application, how to let users create an account or log in to an existing account.

Maor 14 Sep 8, 2022
Free React Native library to display local notifications.

React-Native NotiFREE āš› React Native library to display local notifications. A FREE alternative to React Native NotiFEE. Why? Nobody can remove the gr

Douglas Nassif Roma Junior 23 Nov 10, 2022
react native module for firebase cloud messaging and local notification

Deprecated I'm not longer able to maintain this repo. check react-native-firebase instead To existing react-native-fcm users react-native-firebase now

Libin Lu 1.7k Dec 27, 2022
Nesta edição do Next Level Week, iremos desenvolver uma aplicação para que o usuÔrio possa fazer perguntas a outros usuÔrios e assim receber uma resposta da comunidade, chamada Letmeask. Para isso iremos utilizar o React, Typescript e Firebase.

Letmeask 1.0 Website Ā· Figma Ā· Twitter Code by Ruy Armando ā¤ļø ?? ?? Sobre o projeto Nesta edição do Next Level Week, iremos desenvolver uma aplicação

Ruy Armando 3 Jun 26, 2021
An example React Native Firebase application integrating authentication.

Firebase Authentication Example for React Native Thank you for trying the Firebase Authentication example ?? Please note that limited support is offer

Invertase 96 Dec 4, 2022
Toolkit to help connect Firebase with Redux applications

Firekit This project was bootstrapped with nwb Firekit helps syncing the Firebase RealtimeDatabase or Firestore database with the redux state. You can

Tarik Huber 55 Sep 28, 2022