2024/08 ~ 2024/10

URL

• React
• TypeScript
• Chakra UI
• Tailwind CSS

• Node.js
• Express.js

• MongoDB
• Firebase Firestore

• Firebase
• Vercel
• MongoDB Atlas

• : Firebase Authentication
• : React Context API

1. ---

   • /

2. ---

   • Easy
   • Medium
   • Hard

3. ---

4. ---

5. ---

MongoDB ()

: 'questions'

{
  "_id": "ObjectId",
  "text": "String",
  "options": ["String", "String", "String", "String"],
  "correctAnswer": "Number",
  "difficulty": "String ('easy', 'medium', 'hard')",
  "explanation": "String"
}

: 'users'

{
  "uid": "String",
  "name": "String",
  "email": "String",
  "totalScore": "Number",
  "totalGames": "Number",
  "averageScore": "Number"
}

frontend-colosseum/
 client/  
  public/
   index.html
  src/
   components/
   context/
   page/
   hooks/
   lib/
   App.ts
   index.ts
   firebase.ts
  package.json
  tailwind.config.js
  

 server/  
  src/
   models/
   scripts/
   db.ts
   server.js  
  tsconfig.json
 README.md

FireStore MongoDB ()

• MongoDB:
• Firestore:

• useCallback

• Firebase Authentication Protected Routes
• Firestoreincrement

• : Firestore
• : node-cron agenda