/movie-jeopardy

Angular Jeopardy style trivia game.

Primary LanguageTypeScriptMIT LicenseMIT

Project logo

Movie Jeopardy

GitHub Static Badge GitHub repo size GitHub code size in bytes GitHub language count GitHub top language GitHub last commit


Angular Jeopardy-style trivia game. Each category/question is based on a popular movie franchise.

I previously created a similar Jeopardy-style Java App, 6 years ago(2017), for an intro-level programming course in college. Not the cleanest work 😅 but I greatly enjoyed working on that project so I wanted to take another stab at it. It's been a tough year but coding brings me joy so I hope you enjoy this app too 🖤.

Using Adobe XD, I created a style-guide to ensure consistent principles, design language, and best practices would be followed. From typography, iconography, components to fully fleshed out mocks of each page.

📝 Table of Contents

🏁 Getting Started

Prerequisites

To install Angular on your local system, you need the following:
Requirement Details
Node.js Angular requires an active LTS or maintenance LTS version of Node.js.
For information see the version compatibility guide.
Node Package Manager Angular applications depend on npm packages for many features and functions. To download and install npm packages, you need an npm package manager.
Node Package Manager gets installed with Node.js by default.
Compatible Node-lts versions to install:

versions are compatible with Angular 13.

node-current (tag)

Install the Angular CLI globally:
npm install -g @angular/cli@~13.3.2

Seting Up Project

Once you've cloned or downloaded a local copy of this application, navigate to the workspace folder movie-jeopardy you need to install all packages listed in package.json:

npm install

This will output a node_modules/ folder which stores all installed npm packages and dependencies.

Run the application:
ng serve --open

The ng serve command launches the server and will automatically reload if you change any of the source files.

The --open (or just -o) option automatically opens your browser to your local server http://localhost:4200/.

If your installation and setup was successful, you should see the following page:

Home page

🧰 Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

⛏️ Built Using

✍️ Authors

🎉 Acknowledgements

  • I drew a lot of inspiration from Bootstrap & Angular Material when working on the style-guide for this app, so hats off to the individuals that work hard to maintain those libraries.