Technologies used: HTML5, CSS3, JavaScript, jQuery, ES5/ES6, SASS, Gulp, Node.js, Bootstrap, Adobe Illustrator
This project is my take at a classic trivia game. Instead of using questions of random facts, all of the questions pertain to me. Though it sounds narcissistic, the questions are only Brent-centric so that you can learn more about me and what I’m looking for in my next role. The game also provides links at the end to my social media for further information.
This project was heavily centered around JavaScript. I made some use of ES6 arrow functions. Event listeners were used heavily in this project, as the click events from buttons drove the interactivity. Transition animations were also used in CSS3 to control the hover effects of the buttons. CSS3 animations created the pulsing effect of the score at the end of the game. I created the illustrated guy using Adobe Illustrator.
I used Gulp during development in order to automate the process of refreshing the browser with new changes everytime a file was saved. I also used SCSS in order to handle the preprocessing of my CSS. Gulp again took over to automate the process of compiling the SCSS to CSS on every save. Node.js was used to run Gulp on a local server for development.