Project Gallery

Featuring MITxPro

Capstone Project

The Fox Bank Capstone project, developed during the MITxPro program, is an innovative MERN stack web application designed for modern banking needs. Hosted on Netlify and Heroku this project is built using Node 18 and features a front-end and back-end integration. It utilizes technologies such as MongoDB Atlas, Firebase, Formik, Express, and Bootstrap.

Coffee Shop Static Page DemoGitHub Repo

Coffee Shop Static Page Demo

Live Demo of a Coffee Shop website created with Next.js as a static page that features custom styles and AI generated photos

Docker Pipeline DemoGitHub Repo

Docker Pipeline Demo

Continuous Integration workflow; where Docker, GitHub Actions, and DockerHub seamlessly integrate for effective CI processes

Travis CI DemoGitHub Repo

Travis CI Demo

A simple demonstration of how to set up Travis CI (Continuous Integration) for a Node.js environment

Backend Testing with Puppeteer, Jest, Supertest, & FakerGitHub Repo

Backend Testing with Puppeteer, Jest, Supertest, & Faker

Comprehensive project showcasing backend testing using Puppeteer, Jest, Supertest, and Faker

Hello World CI/CD GitHub Actions & AWS S3 BucketGitHub Repo

Hello World CI/CD GitHub Actions & AWS S3 Bucket

A 'HelloWorld' app deployed on Amazon S3 Bucket using GitHub Actions, showcasing a basic CI/CD (Continuous Integration/Continuous Deployment) pipeline

MERN stack with PuppeteerGitHub Repo

MERN stack with Puppeteer

A Node.js project that uses Puppeteer to capture a screenshot of a web page when a user is added

Holy Grail FullstackGitHub Repo

Holy Grail Fullstack

Fullstack app with a responsive design that consists of five distinct sections: header, left sidebar, main content area, right sidebar, and footer.

Disney Character CRUD API SwaggerGitHub Repo

Disney Character CRUD API Swagger

Interactive project, employing Swagger for enhanced user interaction, offers CRUD operations to interact with the character data

GraphQL Restaurant DatabaseGitHub Repo

GraphQL Restaurant Database

GraphQL API for managing restaurant data handling and retrieval

LowDB - Three Tiered ApplicationGitHub Repo

LowDB - Three Tiered Application

Integration of Client, Server, and Data Storage using LowDB, Express, NPM, and Node.js

CRA Shopping-Cart with JestGitHub Repo

CRA Shopping-Cart with Jest

Shopping-Cart application built using React, Bootstrap, Axios, Strapi, and GraphQL

ToDo List with JestGitHub Repo

ToDo List with Jest

Todo List application built using React, showcasing user-friendly task management features

Tic-Tac-Toe ReactGitHub Repo

Tic-Tac-Toe React

React application of the classic game Tic-Tac-Toe, allowing for two player gaming experience

Harry Potter API React ProjectGitHub Repo

Harry Potter API React Project

React application that utilizes the Harry Potter API to display information about characters from the Harry Potter series

Formik React Sign-Up FormGitHub Repo

Formik React Sign-Up Form

Simple sign-up form built using React and the Formik library, allowing users to input their email, password, date of birth, and phone number

Formik Login FormGitHub Repo

Formik Login Form

React component that renders a login form. It imports the useFormik hook from the Formik library to handle form validation and submission.

PacMen ExerciseGitHub Repo

PacMen Exercise

The classic PacMan image moving left and right across the width of the page, with two buttons above it to add more PacMen and to start the game

Eye ExerciseGitHub Repo

Eye Exercise

An interactive smiley face with two animated eyes that follow the mouse movements

Eight Circles Z-IndexGitHub Repo

Eight Circles Z-Index

Eight CSS stylized circles layered using z-index.

Real Time Bus TrackerGitHub Repo

Real Time Bus Tracker

Real-Time Bus Tracker is a custom Google Map that displays real-time data from the MBTA buses.

Chicago Salaries ChartGitHub Repo

Chicago Salaries Chart

Salary trends in Chicago showing the data graphed to display the curve

Boston SalariesGitHub Repo

Boston Salaries

Boston's top salary brackets, highlighting the top earner over $200,000 a year

Z-Index Spiral CirclesGitHub Repo

Z-Index Spiral Circles

Eight CSS stylized circles layered using z-index.