PORTFOLIO
Buck It
BuckIt is a website that allows users to create, view, and share their bucket lists. It allows them to share their achievements and plans, and also at the same time be inspired by others.
HTML, CSS, Javascript, React, React Bootstrap, Node.js, Express.js, Apollo, MongoDB, Mongoose, Cloudinary
Easy Eats
Easy Eats is a recipes website for a busy individual who enjoys cooking. It is sometimes difficult to find a website that has both the recipes and ingredients needed, which can be exhausting. Easy Eats allows for a more enjoyable experience in learning new recipes by allowing users to find recipes and order the ingredients in one spot.
HTML, SCSS, Materialize, TypeScript, Angular
Tech Blog
Tech Blog is a CMS-style blog site similar to a Wordpress site, where developers can publish their blog posts and comment on other developers’ posts as well. The app follows the MVC paradigm in its architectural structure, using Handlebars.js as the templating language, Sequelize as the ORM, and the express-session npm package for authentication.
HTML, CSS, Bulma, Handlebars, Javascript, Node.js, Express.js, MySQL, Sequelize
Book Search
Book Search is emblematic of the fact that most modern websites are driven by two things: data and user demands. This shouldn't come as a surprise, as the ability to personalize user data is the cornerstone of real-world web development today. And as user demands evolve, applications need to be more performant.
HTML, CSS, Bootstrap, Javascript, React, Node.js, Express.js, MongoDB
Pirate RPG
Pirate RPG is a fighting/strategy game based on a war between the pirates. The goal is to conquer the other pirates by defeating their toughest fighters. If attacks aren't planned accordingly then your crew may wind up on the losing end.
HTML, CSS, Javascript, JQuery
Web Development Quiz
Web Development Quiz is a set of two beginner practice quizzes for upcoming web developers.
HTML, CSS, Bootstrap, Javascript, Handlebars.js
Budget Tracker
Budget Tracker is a Progressive Web Application that allows the user to be able to add expenses and deposits to their budget with or without a connection. Gives users a fast and easy way to track their money is important, but allows them to access that information anytime.
HTML, CSS, Javascript, Chart.js, Node.js, Express.js, MongoDB
Course Finder
Course finder is a web application with a back-end API service that provides students access to information about the courses offered at St John's University.
HTML, CSS, Bootstrap, Javascript, JQuery, Node.js, Express.js
Code Quiz
This responsive Code Quiz Challenge is a timed quiz on Bootstrap fundamentals that stores high scores so that you can gauge your progress compared to your peers
HTML, CSS, Javascript
Team Profile Generator
Team Profile Generator is a Node.js command-line application that takes in information about employees on a software engineering team, then generates an HTML webpage that displays summaries for each person. Testing is key to making code maintainable, so I wrote a unit test for every part of the code and ensured that it passed each test.
HTML, CSS, Bootstrap, Javascript, Nodejs, Inquirer, Jest
Employee Management
Employee Management System is a command-line application from scratch to manage a company's employee database, using Node.js, Inquirer, and MySQL.
Javascript, Nodejs, MySQL
Crystal Collector
Crystal Collector is a basic math game revolving around addition. The goal is to add hidden values through clicking the crystals to reach the target number that's given. If you go over the target value, you lose.
HTML, CSS, Bootstrap, Javascript, JQuery
Day Planner
Day Planner is a calendar application that allows a user to save events for each hour of the day. This will help the user stay more organized for their work day. This app runs in the browser and feature dynamically updated HTML and CSS powered by jQuery.
HTML, CSS, Bootstrap, Javascript, JQuery
Urban Fashion
Urban Fashion is a retail website designed to sell trendy winter clothes
HTML, CSS
Buck It
BuckIt is a website that allows users to create, view, and share their bucket lists. It allows them to share their achievements and plans, and also at the same time be inspired by others.
HTML, CSS, Javascript, React, React Bootstrap, Node.js, Express.js, Apollo, MongoDB, Mongoose, Cloudinary
Easy Eats
Easy Eats is a recipes website for a busy individual who enjoys cooking. It is sometimes difficult to find a website that has both the recipes and ingredients needed, which can be exhausting. Easy Eats allows for a more enjoyable experience in learning new recipes by allowing users to find recipes and order the ingredients in one spot.
HTML, SCSS, Materialize, TypeScript, Angular
Tech Blog
Tech Blog is a CMS-style blog site similar to a Wordpress site, where developers can publish their blog posts and comment on other developers’ posts as well. The app follows the MVC paradigm in its architectural structure, using Handlebars.js as the templating language, Sequelize as the ORM, and the express-session npm package for authentication.
HTML, CSS, Bulma, Handlebars, Javascript, Node.js, Express.js, MySQL, Sequelize
Book Search
Book Search is emblematic of the fact that most modern websites are driven by two things: data and user demands. This shouldn't come as a surprise, as the ability to personalize user data is the cornerstone of real-world web development today. And as user demands evolve, applications need to be more performant.
HTML, CSS, Bootstrap, Javascript, React, Node.js, Express.js, MongoDB
Budget Tracker
Budget Tracker is a Progressive Web Application that allows the user to be able to add expenses and deposits to their budget with or without a connection. Gives users a fast and easy way to track their money is important, but allows them to access that information anytime.
HTML, CSS, Javascript, Chart.js, Node.js, Express.js, MongoDB
Team Profile Generator
Team Profile Generator is a Node.js command-line application that takes in information about employees on a software engineering team, then generates an HTML webpage that displays summaries for each person. Testing is key to making code maintainable, so I wrote a unit test for every part of the code and ensured that it passed each test.
HTML, CSS, Bootstrap, Javascript, Nodejs, Inquirer, Jest
Day Planner
Day Planner is a calendar application that allows a user to save events for each hour of the day. This will help the user stay more organized for their work day. This app runs in the browser and feature dynamically updated HTML and CSS powered by jQuery.
HTML, CSS, Bootstrap, Javascript, JQuery