Mike Hageali
Pantry Chef - React Project 3 . Hosted Heroku Deployment This react project was group project of 3 students with myself included. It takes an external recipe api to output recipes based on user ingredients.
Clicky Card - React Clicky React application . Hosted Heroku Deployment This react demo application is a memory game. Try to get high score possible without clicking on same card twice . The card components shuffle with each click.
Mongo Scrape - Node.js Mongo.db application in MVC model layout, Handlebars. Hosted Heroku Deployment The application will peform a web scrape of headlines from the "www.washington.post" website. When the application is first started, the server will attempt to scrape articles from the news site using NPM axios . NPM Cheerios is used to select the specfied DOM elements tags.
Hiking Project application using Mysql , MVC design and Handlebars Template Hosted Heroku Deployment Hiking allows users to get hiking trail information based on user-entered search of any one of zipcode , city or state used to return hiking trail information. This demo project is just a "MVP" minimum viable product. The functionallity is basic to demonstrate the technology taught in bootcamp class. Using external api calls for getting geo code coordinates which are then used to get hiking data from a hosted api.
Burger-Node js application using Mysql , MVC design and Handlebars Template Hosted Heroku Deployment Burger is a web browser application using node.js, MySql database,Handlebars template engine. This application is based on MVC design concept of Model , View, and Controller layers.
Project 1 group project with two other class mates from bootcamp. Product Genie is a retail product search using api calls to Ali Express online retail service. The user enters a product they are searching for. The search calls an api to get the products matching. This project is demonstrating Jquery DOM manipulation and API calls. Searches are saved in a Firebase database
BamazonSQL is a command line application demonstrating node.js node packages to query MySQL database called bamazon with one table products.
Liri node is a command line application demonstrating node.js node packages to make requests to OMDB, Spotify, and Bands in Town . The following npms are used in this application: node-spotify-api Moment ( date time format) cli-color ( console font color) axios (Calling api for OMDB and Bands in Town) fs ( file stream reading and and writing to a file)
Java Script game. Most of the logic resides in an object. This assignment was to demonstrate use of java script and objects. This is the Super Hero Guess Game. Guess the names of Super Heros. There are 5 total names in the Array. Each time you play it deletes the one just played. After the array list is empty the game will reset . The game will go on to the next shuffled name in the array after playing the last and will keep track of Wins and Losses. I added sound effects to the intro when doing Any Key start. Sound effects when you guess the word for Wins and sound effects when you run out of tries. You get 10 tries.
jquery game homework assignment This is the " Star Wars" homework using BattleStar Galactica as a theme I chose. I am using an array of 5 elements [4, 8, 12, 16, 20] for the base attack power of each character. Each new game or reset the array is shuffled. The array elements are assigned to each character. So each game the character attack base may be different. I am using Jquery (.data) to store the character health and attack power. Bootstrap for the grid. The reset is accomplished using jquery clone. I clone the jumbotron before the game starts. When I reset, I delete the jumbotron and do a AppendTo of the cloned jumbotron. The win/loss score is retained between resets. This assignment deomostrates the maniuplation of the DOM.
Trivia Game for week 5 of my bootcamp . This is a basic trivia with 10 questions. I am using one nested object that contains the questions and answers. The answer is always the first one . I shuffle the answers before rendering to the html. I am using bracket notation for the object to load the properties values. I am also utilizing a timer between questions giving the user 15 seconds The game keeps track of how many correct answers are answered. It also reveals the correct answer if the user selects the wrong answer. Animated gifs are used to tell the user whether they chose correctly or incorrectly.
Giffy API This is using Giffy Ajax api call. The gifs are loaded on to the html at 200x200 px size. The gifs are placed in a div and floated left. The html pages uses a bootstrap fluid container to be page responsive. The gifs have url values assigned to the gif attributes with a still image and animated image url. Clicking on the gif will toggle the still and animated image. A user can also add their own topic to create a button
RPS (Rock paper Scissors) multiplayer game using Firebase database.
I am using jquery animiation on the image buttons. When the player enters their name the 3 images appear. When the player picks one of the button images as their choice the button dissappears. Also included is a chat feature to push method to add new chat text. The chat function has to get the latest message created and populated the html element . I created in advanced the structure of the database using a JSON object.
All new data is written using the Update method to an existing JSON object data structure.