React & TypeSript Movie Trivia App

Put your movie knowledge to the test!

Report Bug

Built with:

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Dev Notes
   • API
4. License
5. Contact

About The Project

The movie trivia app showcases TypeScript within a React project. The application also leverages asynchronous JavaScript in order to fetch data from a 3^rd party API (Open Trivia Database). Lastly, the styled-components library is utilized for CSS-in-JS styling.

Visit Demo

Built With

• TypeScript
• React
• Open Trivia Database API
• Twin

Getting Started

Follow the steps below to get a local development instance up & running.

Installation

1. Clone the repo

   git clone https://github.com/tim-corley/react-ts-quiz-app.git

2. Install packages

   yarn install

3. Start the development server

   yarn start

Testing

Unit testing is achieved by using React Testing Library and Mock Service Worker.

1. Run tests

   yarn test

Deployment

1. Create build & deploy to Github Pages

   yarn deploy

API

This application leverages the Open Trivia Database API with a category query parameter set for Entertainment - Film questions.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Tim Corley - @tcor215 - [email protected]