# react-casual-quiz

> A simple quiz react component

Latest version **1.1.6** (published 2020-10-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-casual-quiz
pnpm add react-casual-quiz
yarn add react-casual-quiz
bun add react-casual-quiz
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.6 |
| Published | 2020-10-12 |
| First published | 2020-07-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 223.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Steven Mycynek |
| Maintainers | smycynek |
| Keywords | react, quiz |

## Links

- npm: https://www.npmjs.com/package/react-casual-quiz
- Repository: https://github.com/smycynek/react-casual-quiz
- Homepage: https://github.com/smycynek/react-casual-quiz#readme
- Issues: https://github.com/smycynek/react-casual-quiz/issues
- npm.io page: https://npm.io/package/react-casual-quiz

## Dependencies (4)

- [react](https://npm.io/package/react.md) ^16.0.0
- [bootstrap](https://npm.io/package/bootstrap.md) ^4.5.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.0.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.6 (latest) — 2020-10-12
- 1.1.5 — 2020-10-12
- 1.1.4 — 2020-10-12
- 1.1.3 — 2020-10-11
- 1.1.2 — 2020-10-11
- 1.1.1 — 2020-08-26
- 1.1.0 — 2020-08-25
- 1.0.18 — 2020-08-19
- 1.0.17 — 2020-08-17
- 1.0.16 — 2020-08-12
- 1.0.15 — 2020-07-28
- 1.0.13 — 2020-07-27
- 1.0.12 — 2020-07-27
- 1.0.11 — 2020-07-27
- 1.0.10 — 2020-07-26
- … 9 more at https://npm.io/package/react-casual-quiz/versions

## README

# react-casual-quiz
A simple quiz react component

Just supply questions, scoring results, and images.

Live demo at https://stevenvictor.net/quizwiz

## Usage

npm -i react-casual-quiz

## usage - props

```javascript

import someImportedImage1 from './image1.jpg';
import someImportedImage2 from './image2.jpg';

const title = "What is your personality?";

const results = [
  {
    name: 'type "q" personality...',
    description: 'You are strong, thoughtful, and insightful...',
    image: someImportedImage1,
  },
  {
    name: 'type "z" personality...',
    description: 'You are skilled, zany, and creative...',
    image: someImportedImage2,
  },
];

// Result count must equal choice count, and all questions
// must have the same number of choices.

const questions = [
  {
    question: "What do you like to do for fun?",
    choices: ["video games", "draw"]
  },
];

```

## usage - component

```javascript
import CasualQuiz from 'react-casual-quiz/lib';

  <CasualQuiz
      title={title}
      results={results}
      questions={questions}
      showSource
    />
```

https://www.npmjs.com/package/react-casual-quiz

https://github.com/smycynek/react-casual-quiz

See https://github.com/smycynek/quizwiz for full example.

---
_Source: https://npm.io/package/react-casual-quiz · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._