❓ 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