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 
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.
| Requirement | Details |
|---|---|
| Node.js | Angular requires an active LTS or maintenance LTS version of Node.js. |
| 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. |
versions are compatible with Angular 13.
npm install -g @angular/cli@~13.3.2
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.
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:
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
- Angular - Web Framework
- Angular Material - Component Library
- NodeJs - Server Environment
- ESlint - Linter
- Prettier - Code Formatter
- VS Code - IDE
- @JacqBlaq - Idea & work
- 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.