27 |
28 | Question: {questionNum} / {totalQuestions}
29 |
30 | {/* dangerouslySetInnerHTML -> используем потому что не знаем какие данные парсим, опасные или нет */}
31 | {/* Вторые косые скобки из за того что внутри обьект */}
32 |
33 |
34 | {answers.map((answer) => (
35 |
40 | {/* Без ответа нельзя будет прочитать значение(value=answer) */}
41 | {/* Превратил ответ юзера в булевое значение через тернарный оператор*/}
42 |
47 |
49 |
50 | ))}
51 |
52 |
53 | );
54 | };
55 |
56 | export default QuestionCard;
57 |
--------------------------------------------------------------------------------
/src/firebase.js:
--------------------------------------------------------------------------------
1 | // Import the functions you need from the SDKs you need
2 | import { initializeApp } from "firebase/app";
3 | import {config} from 'dotenv'
4 | config()
5 | // TODO: Add SDKs for Firebase products that you want to use
6 | // https://firebase.google.com/docs/web/setup#available-libraries
7 |
8 | // Your web app's Firebase configuration
9 | const firebaseConfig = {
10 | apiKey: process.env.API_KEY,
11 | authDomain: process.env.AUTHDOMAIN,
12 | projectId: process.env.PROJECTID,
13 | storageBucket: process.env.STORAGEBUCKET,
14 | messagingSenderId: process.env.MESSAGINGSENDERID,
15 | appId: process.env.APPID,
16 | };
17 |
18 | // Initialize Firebase
19 | const app = initializeApp(firebaseConfig);
--------------------------------------------------------------------------------
/src/images/backImage.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MorgueMorg/TypeScript-React-Quiz/709c404d1e73c1c6d2727460c8688f879e58c564/src/images/backImage.jpeg
--------------------------------------------------------------------------------
/src/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom/client';
3 | import App from './App';
4 |
5 | const root = ReactDOM.createRoot(
6 | document.getElementById('root') as HTMLElement
7 | );
8 | root.render(
9 |