Developer Portfolio
Unlock It! is a virtual scavenger hunt. As a result of the 2020 Covid-19 crisis, remote education is the new normal. The Unlock It! MERN application provides a creative way for educators to engage students while still teaching them useful information.
- Group project using Node JS, Express JS, React JS, Heroku, MongoDB, Mongoose, Axios, JSX, CSS, Node-SASS, Bootstrap, React-Bootstrap, Bcrypt JS, JWT, MVC, and Google Fonts.
Coffee Express is an app meant to be implemented at self-serve kiosks in coffee shops to speed up and simplify the ordering process.
- Group project using HTML, CSS, JavaScript, MySQL, Heroku, Spotify Node API, jQuery, Materialized, Node, Sequelize, Express, Handlebars, and Google Fonts.
Click the Screenshot for an Alternate Image.
This app is intended to help a person planning a date to create an unforgettable date night experience. It pulls from multiple APIs to give the user comprehensive data, including geolocation information such as weather forecasts and restaurant ratings and suggestions as well as more personal support like conversation starters and inspirational quotes.
- Group project using HTML, CSS, JavaScript, Firebase, jQuery, Moment JS, Bootstrap, jQuery UI, and Google Fonts.
McMahon Serepca LLP is a silicon valley boutique law firm.
- Individual project using HTML5, CSS3, JavaScript (JS), jQuery, and Bootstrap.
Reuter World News MongoDB Scraper app is a Node JS application with a MongoDB database running on an Express server and deployed to Heroku. Users can scrape articles from Reuters World News online, save articles, and attach notes to them.
- Individual project using Node JS, Express Node Package Manager (NPM), Cheerio NPM, Axios NPM, MongoDB, Mongoose NPM, Handlebars NPM, Heroku, HTML5, CSS3, Materialize CSS, and Material Icons.
Click the Screenshot for an Alternate Image.
In the 1970's detective show-themed app, players gain a point each time they click one of the available cards without repeating a prior selection. Every time the player clicks a card, all cards shuffle in random order. Players get a point each time they click a unique card. A player's score is reset to 0 any time they click a card has been chosen before in the current game.
- Individual project using Node JS, React.js, JSX, HTML5, CSS3, and Bootstrap.
Eat-Da-Burger is a Node JS application with a MySQL database running on an Express server and deployed to Heroku. Users add the name of burgers they want to eat via a form. Upon submit, the burger is added to the database and its name and a "devour it" button appear on the left side of the UI. Clicking the devour it button pushes the burger to the right side of the UI. All burgers remain in the database.
- Individual project using Node JS, Express Node Package Manager (NPM), MySql NPM, HTML, Bootstrap, and Heroku.
Eat-Da-Burger is a Node JS application with a MySQL database running on an Express server and deployed to Heroku. After login, users add the name of burgers they want to eat via a form. Upon submit, the burger is added to the database and its name and a "devour it" button appear on the left side of the UI. Clicking the devour it button pushes the burger to the right side of the UI. All burgers remain in the database.
- Individual project using Node JS, Express Node Package Manager (NPM), MySql/MySql2 NPM, Sequelize NPM, HTML, CSS, Bootstrap, and Heroku.
Friend Finder is a Node JS application running on an Express server and deployed to Heroku. After completing an interest survey, the user is matched with a their closest match (based on survey responses) in the friends list.
- Individual project using Node JS, Express Node Package Manager (NPM), Path NPM, HTML, Bootstrap, and Heroku.
MyStore is an online store created as a command line Node JS
application with a MySQL backend.
MyStore cannot be run in a web browser. Accordingly, three (3) results videos have been
added to the app's GitHub README.md and
pages at https://plkgit.github.io/node-sql-store/.
- Individual project using Node JS, MySQL Node Package Manager (NPM), and Inquirer NPM.
"Word Guess with Lt. Columbo" is a hangman-style game created as a
JavaScript application.
README.md and
pages at https://plkgit.github.io/word-guess-game/.
- Individual project using HTML, CSS, JavaScript, and Bootstrap.
Constructor Word Guess is hangman-style game created as command line
Node JS application.
Word Guess cannot be run in a web browser. Accordingly, a results video has been added
to the app's GitHub README.md and
pages at https://plkgit.github.io/constructor-word-guess/.
- Individual project using Node JS and Inquirer Node Package Manager (NPM).
The Language Interpretation and Recognition Interface (LIRI) is a
command line Node JS application that accepts parameters and returns data based on those
parameters from the Bands in Town, Spotify, and OMDB application programming
interfaces.
LIRI cannot be run in a web browser. Accordingly, results screenshots have been added to
the app's GitHub README.md and
pages at https://plkgit.github.io/liri-node-app/.
Click here to download a PDF copy of
log.txt.
- Individual project using Node JS, Node JS File System module, Axios Node Package Manager (NPM), Dotenv NPM, Moment NPM, and Spotify NPM.
Click the Screenshot for an Alternate Image.
This is a mobile responsive website containing my professional developer and documentation portfolios.
- Individual project using HTML5, CSS3, JavaScript, jQuery, Bootstrap, Google Fonts, and the Programmer Quotes API.
Train Scheduler is a JavaScript/jQuery application with a Firebase Realtime database backend hosting train arrival and departure data. The application provides up-to-date train information, including arrival times and minutes remaining before arrival.
- Individual project using HTML5, CSS3, JavaScript (JS), Firebase Realtime Database, jQuery, Moment JS, Bootstrap, and Google Fonts.
The Crystals Collector game is a JavaScript/jQuery application. Players must use the hidden values of four (4) crystals to calculate a system-generated random number. Players win if they match the value of the random number and lose if their total exceeds the random number.
- Individual project using the HTML, CSS, JavaScript, jQuery, Bootstrap, and Google Fonts.
Click the Screenshot for an Alternate Image.
The Giphy API application is a dynamic web page that populates the DOM with buttons labeled with topics in an array. GIFs of the user's choice are appended to the page on topic button click. Clicks on rendered images causes the images to switch between static and animated versions of the images.
- Individual project using the Giphy API, HTML5, CSS3, JavaScript (JS), jQuery, Bootstrap, and Google Fonts.
Click the Screenshot for an Alternate Image.
Totally Trivial Trivia game presents users with a list of questions to answer. Players must select the correct answer for the questions before the game timer expires. The game ends when the timer expires or the user clicks the DONE button. At game's end, the APP displays the number of correct and incorrect answers as well as the number of questions unanswered.
- Individual project using HTML5, CSS3, JavaScript (JS), jQuery, Bootstrap, and Google Fonts.