FullStack Frameworks:
HTML
JavaScript
CSS
React
Next.js
GraphQL
MongoDB
Git
npm
Heroku
-
PacMen-Factory
This project allows the user to add multiple PacMan images to the webpage. To add a PacMan image press the "Add PacMan" button. A PacMan image will be added at a random position and velocity on the page. To make the PacMen move, press "Move PacMan" button.
Play Go To GitHub Repo -
Real-Time-Bus-Tracker
This code has the ability to display real time bus tracking data from Massachusetts Bay Transportation Authority. In order to do this, API keys were created to use Google Maps and MBTA data. There are two colors of bus icons, each representing opposite directions of travel. Launch the code and the buses' location will update every 15 seconds.
Go To GitHub Repo -
Eyes-Tracking-Cursor
This monster is interactive. Once the page is loaded it's eyes will follow the user's cursor
Play Go To GitHub Repo -
ToDo Checklist Using React
This ToDo list has the ability to add and remove task as needed!
Create List Go To GitHub Repo -
React Banking App
This Banking App was created using React and is currently deployed using Amazon Web Services.
Enter the Bank Go To GitHub Repo -
-
Classroom Book Tracker
This project was built for and elementary classroom using a library API and local storage. The application lists the books the students read adding the title of the book to their local host. Everytime a book is submitted, the student will also be able to see a total pages read and recieve a catcus in their garden!
Enter the Classroom Go To GitHub Repo -
Ivy
A FullStack aplication for ordering food that uses Next JS as the front end framework and MongoDB Atlas as the backend. In order to communicate from the front and back seemlessly Apollo and GraphQL were used. In addition this application uses Stripe as it's payment platform.
Enter Live Site Go To GitHub Repo -
More Client Work in Progress
MIT X PRO
June Cohort 2022
Thank You For Visting!
This portfolio will continue to grow! New projects coming soon!