Skip to content

baberparweez/typescript-quiz

Repository files navigation

Type of Care Quiz

Developed with the software and tools listed below.

TypeScript React Vite JSON


📒 Table of Contents


📍 Overview

The project is an embeddable web application that serves as an interactive quiz. The codebase includes components for managing component states, rendering questions, and providing results based on user choices.


📂 Project Structure

repo
├── README.md
├── index.html
├── package.json
├── tsconfig.js
├── tsconfig.node.json
├── vite.config.js
├── bun.lockb
└── src
    ├── assets
    │   ├── loading.gif
    │   ├── image-1.png
    │   ├── image-2.png
    │   ├── image-3.png
    │   ├── image-4.png
    │   ├── image-5.png
    │   ├── image-6.png
    │   ├── image-7.png
    │   ├── image-8.png
    │   ├── image-9.png
    │   ├── image-10.png
    │   ├── results.png
    │   ├── ellipse-chat.svg
    │   ├── ellipse-home.svg
    │   └── ellipse-lightbulb.svg
    ├── components
    │   ├── Break.jsx
    │   ├── CurrentQuestions.jsx
    │   ├── Intro.jsx
    │   ├── Results.jsx
    │   ├── ResultsLoading.jsx
    │   ├── Scorebox.jsx
    │   ├── Styles.jsx
    │   └── Questions.js
    ├── App.tsx
    ├── main.tsx
    ├── global.d.ts
    └── vite-env.d.ts

4 directories, 34 files

🚀 Getting Started

✔️ Prerequisites

Before you begin, ensure that you have the following prerequisites installed:

  • ℹ️ Node.js (minimum version 16)
  • ℹ️ Bun
  • ℹ️ react-transition-group

💻 Installation

  1. Clone the assistant-chat-gpt repository:
git clone https://github.com/baberparweez/typescript-quiz.git
  1. Change to the project directory:
cd typescript-quiz
  1. Install the dependencies:
bun install

🎮 Running dev server

bun run dev

🧪 Compiling build

bun run build