Work Samples

All of these projects were created as part of the curriculum for the Full Stack Web Development Program at Career Foundry. I usually tell people I learned how to code despite attending Career Foundry, by which I mean, I was able to complete these projects by seeking the correct information from other sources on the internet. On the positive side, the experience taught me that I have the ability to persevere and complete a project even when given incorrect or deprecated information.

JavaScript App - API Data Display

Screenshot of Pokemon Index app Home Page
Project Summary:

A simple JavaScript app that displays data from the Pokemon API (link opens in a new tab). For the first version, the requirements were to create a UI designed from scratch, without the use of any libraries or platforms. For the final version, we were required to use the Bootstraps library to create the UI.

Technologies Used:

JavaScript ES2023, Bootstrap 5, HTML, and CSS.

Project Links:

View the "Original Code - Non-Bootstrap" version of the app.

View the Bootstraps version of the app.

Link to project source files on hosted GitHub.

Movie Database - REST API

Screenshot of MongoDB portion of component
Project Summary:

A movie API server-side component, built using MongoDB, Express, and Passport for use with a MERN (MongoDB, Express, React, Node.js) website app that displays information pertaining to movies.

Technologies Used:

JavaScript, Node.js, Express, Dotenv, Mongoose, MongoDB, Passport, Postman, Heroku

Project Links:

Link to project source files on GitHub.

Link to the Documentation listing all Endpoints. Documentation hosted on Heroku. Link will open the Heroku site in a new tab.

"myFlix" React App

Screenshot of myFlix SPA
Project Summary:

Client-side interface, built using the React library, for previously created server-side code (Movie Database - REST API ) of a movie themed single-page application (SPA) which is hosted on Netlify.

Technologies Used:

JavaScript ES2015+, Express, React, Bootstrap 5, Parcel, Netlify, Heroku, MongoDB

Project Links:

Link to project source files on GitHub.

Link to the SPA hosted on Netlify.

"Meet" React PWA

Screenshot of Meet app Home Page
Project Summary:

The project objective was to create a serverless, progressive web application (PWA) built with React using a test-driven development (TDD) technique. The application uses the Google Calendar API to fetch upcoming events.

Technologies Used:

JavaScript, React, Create-React-App, Recharts, Jest, Jest-Cucumber, TDD techniques, Google Calendar API, OAuth2, Serverless Functions (AWS Lambda).

Project Links:

Link to project source files on GitHub.

Link to the hosted version of the app (requires a Google account to login).

React-Native "Chat" App

Screenshot of React-Native Chat App
Project Summary:

A mobile chat application built with React-Native, React-Native-Gifted-Chat, Expo, and Google Firebase.

Technologies Used:

React-Native, React-Native-Gifted-Chat, Expo, Expo Go, Google Firebase and Android-Studio.

Project Links:

Link to project source files on GitHub.