dyarawilliams / react-jeopardy

A fully interactive jeopardy app created using React.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Jeopardy

Jeopardy is an American game show created by Merv Griffin. The show is a quiz competition that reverses the traditional question-and-answer format of many quiz shows. Rather than being given questions, contestants are instead given general knowledge clues in the form of answers and they must identify the person, place, thing, or idea that the clue describes, phrasing each response in the form of a question. Jeopardy Game that allows you to fully interact with the UI and have some fun.

Here's the original layout from the game board since November 26, 2001:

Game board of Jeopardy

Table of Contents

  1. About the Project
  1. Getting Started
    1. Dependencies
    2. Usage
  1. Further Reading
  1. Authors
  2. Acknowledgments

About the Project

This project was created during a live stream of an #100Devs Community Stream Event on twitch by @mayanwolfe We learned how to use Vite + React as a building tool to provide a faster and leaner development experience for modern web projects.

Built With

In React Jeopardy we used various tools to create this app such as:

  • Vite
  • React

Back to top

Getting Started

To get started with this project first set up your project locally. To get a local copy refer to Get the Source

Prerequisites

Some required things you'll need to know before doing this project:

  • NPM (Node Package Manager)
  • NodeJS (How to create a server using cors and express?)
  • React (Passing Props & Hooks)

Dependencies

Software and libraries you will need to install in order to build and use this project.

Remember: git-lfs is a dependency that developers will need to resolve before they can get started with a repository using LFS.

Examples should be included

Getting the Source

This project is hosted on GitHub. You can clone this project directly using this command:

For SSH:

git clone git@github.com:dyarawilliams/react-jeopardy.git

or

For HTTPS:

git clone https://github.com/dyarawilliams/react-jeopardy.git

Installation

Instructions for how to install this project's build artifacts

With NPM:

npm create vite@latest

With Yarn:

$ yarn create vite

With PNPM:

$ pnpm create vite

Then follow the prompts!

Usage

To use this project you can run it by running two seperate terminals:

First run,

npm run server

In the second terminal run:

npm run dev

Back to top

Authors

Also see the list of contributors who participated in this project.

Back to top

Acknowledgments

  • BIG Thank You to mayanwolfe's Repo for comming through on this beautiful day 8/6/23 to share some insight on this project and helping us walk through it.

  • Shout out to scottenad for creating such an awesome API for the classic game Jeopardy

Back to top

About

A fully interactive jeopardy app created using React.


Languages

Language:JavaScript 77.8%Language:CSS 16.9%Language:HTML 5.3%