Portfolio

AppBPO (App Based Price Opinion)

Fleming Properties uses this application to capture home owner information about the current condition of their home. This app allows users to go page by page through three part form.

Redux saves the state of the entire app, maintaining the field inputs from page to page. Once the user submits the form, all fields go directly to client’s secure google sheet form.

Incorporates skillets in HTML, CSS, JavaScript, Bootstrap, React, Redux and Redux Froms, Google Sheets API, Node, and deploying to Heroku.


VISUAL MUSIC DISPLAY APP - CLEF

Allows users to add artists to search, displaying the artists top tracks and related gifs that animate. Gifs scroll automatically on display.

Incorporates skillsets in HTML, CSS, JavaScript, Bootstrap, Moment.js and Firebase, Captures data from Giphy and MusicxMatch APIs.


BURGER SAVING LIST APP

Save a list of your favorite burgers. App uses Heroku to save your burger list and whether or not you have “devoured” that burger. Easily add the burger back to your “Try these burgers” list.

Incorporates skillsets in HTML, CSS, JavaScript, Bootstrap, MySQL, Node, Express, Handlebars, a homemade ORM, and deploying to Heroku with MySQL database and JawsDB.


PHILLY TRAIN SCHEDULE APP

App allows users to input custom train schedule. Then hosts arrival and departure data using Firebase, and updates this data in real time using Moment.js.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, Bootstrap, Moment.js and Firebase.


BOOKFINDER APP

Users can search for any book using Google Books API. Displays Title, Author, Purchase link, and book cover image. Uses React components to query and display books based on user searches.

Incorporates skillsets in HTML, CSS, Animated CSS, JavaScript, Node, Express and routing, favicon, and Google Books API, deployed with Heroku.


DEVELOPER NEWS SCRAPING APP

This news scraping app scrapes news stories from a news outlet related to computer developing. The app then displays these most recent articles for the user, showing them the article name, article url and article source. This app has dynamically changing background colors using css.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, Node, Bootstrap, Express, Express-handlebars, Mongoose, Cheerio, Axios, and use of Heroku.


POCKET PARTY - PARTY PLANNING APP

This app gives suggestions for food and drink for parties, while being able to account for party-goer restrictions, and age for consumption for alcoholic beverages, and activity suggestions for party. Allows users to signup, and register for app.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, Bootstrap, Node.js, ESLint, Travis CI, Sequelize/SQL, API Routing, Express and use of Heroku.


CODE CLICKER - MEMORY GAME APP

A coding themed memory game app created with React. This application's UI is broken up into components, with managed component states, and responds to user events. Each time user clicks image, all images redisplay in new, random order. Custom logo with dynamic movement displayed.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, React, Node, Bootstrap, and use of Heroku.

FRIEND FINDER APP

A compatibility-based "FriendFinder" application. This full-stack site will takes in results from your users' surveys, then compare their answers with those from other users. The app will then display the name and picture of the user with the best overall match.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, Bootstrap, Node.js, API Routing, Express and use of Heroku.


TriviaGame.png

TRIVIA GAME APP

Fun trivia game that quizzes users on historical explorer related questions. Displays number of correct and incorrect answers and count down timer for quiz.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, and Bootstrap.


GIPHY IMAGERY DISPLAY APP

Allows users to search Gifs based on space related buttons they add to the app, User can click Gif to animate. App has a CSS animated banner.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, and Bootstrap. Captures data from Giphy API.


MATH EDUCATIONAL ZOOMBINIS APP

Educational app for kids to learn math skills, based on Zoombinis game. As you win each round a Zoombini character animates across the screen to other side.

Incorporates skillsets in HTML, CSS, JavaScript, jQuery, and Bootstrap. Uses custom jQuery animation.


AMAZON-LIKE COMMAND LINE APP

This application is a command line node app which is like a amazon store front. The app will take in orders from customers and deplete stock from the store's inventory. My app prompts the user to answer two questions: What fruit or vegetable do you want to order? How many do you want to buy? Based on these answers, my SQL database will be updated.

Incorporates skillsets in javascript, node, MySQL, Inquirer.


LIRI-BOT COMMAND LINE APP

This application is a command line node app that takes in parameters and gives you back data.

How does it work? When navigated to the folder "Liri-Bot" in your terminal, you can type the commands listed below to run 4 different functions that retrieve data, and gives it back to you in the console.

Incorporates skillsets in JavaScript, Ajax calls, multiple APIs, Node, Axios, Moment and DotEnv.

Thank you for viewing my Portfolio.