❓ TanyaAja

An anonymous question bank platform

Live

tanyaaja.in

Screenshots

Homepage	Publik	Pertanyaan

Daftar Pertanyaan	Setelan Akun

Stacks

• Next.js using App Router
• Shadcn UI
• Firebase for Authentication
• Notion for CMS and Database

Setup in Local

Prerequisites

• node, minimum version 18.16.0
• pnpm, see installation instruction

Firebase and Firebase Admin

[!TIP] If you need step-by-step guidance for setup Firebase, go to docs directory.

• Create Firebase project, go to console.firebase.google.com
• Activate the authentication for the web
• [Firebase Admin #1] Go to Project settings -> Service accounts -> Generate new private key
• Copy the downloaded Private key to the Project root directory, rename to TanyaAja-firebase-adminsdk.json
• [Firebase Admin #2] Create Realtime Database
• Copy the Database url, e.g. https://tanyaaja-rtdb.asia-southeast1.firebasedatabase.app
• Still on Realtime Database, go to Rules -> create Rule.
• Copy the Rule from here then Publish the Rule

[!IMPORTANT] In some conditions, you need to add role "Service Usage Consumer" manually to your Service Account created via Firebase.

Notion Account

• Create a notion integration
• Duplicate the template from: TanyaAja DB Template
• Add the integration to the page

Development Setup

• Install all dependencies, by running pnpm install
• Create new .env.local file, copy from the .env.example and fill it with your value from Firebase and Notion

Additional Steps For Firebase Admin Setup

• Copy value from TanyaAja-firebase-adminsdk.json to https://www.textfixer.com/tools/remove-line-breaks.php and click button "Remove Line Breaks"
• Fill the FIREBASE_SERVICE_ACCOUNT_KEY in the .env.local with the value from the website previously.

# Make sure to add single quote here
FIREBASE_SERVICE_ACCOUNT_KEY='Your JSON value'

Read more in: https://dev.to/vvo/how-to-add-firebase-service-account-json-files-to-vercel-ph5

Additional Steps For Firebase RTDB Setup

• Fill the REALTIME_DATABASE_URL in the .env.local with the Realtime Database URL, e.g.

REALTIME_DATABASE_URL=https://tanyaaja-rtdb.asia-southeast1.firebasedatabase.app

• Run in local, using command pnpm run dev

Contributing

We welcome contributions from the community as they help make our project better. Before you get started, please take a moment to read our contribution guidelines to ensure a smooth and collaborative experience.

See our contribution guidelines in these languages:

• English

Contributors

Thanks goes to these wonderful people!

Support Me

• 👉 🇮🇩 Trakteer
• 👉 🌍 BuyMeACoffe
• 👉 🌍 Paypal
• 👉 🌍 Ko-Fi

Copyright © 2023 by Irfan Maulana