Justin Thomas |

This project is a business website for SPDPRK, by Secom International.

Phase one of this project was the design phase. All designs were created in Figma per the client's specifications.

Phase two of this project consisted of development, and was built using NextJS and functional React components. Some of the components were made with Material UI.

For the final phase, the site was deployed using Vercel.

**IN-PROGRESS PLAYGROUND PROJECT**

Active is a full-stack web application that allows users to discuss all things exercise. This is a passion project I built because it's the type of app I would love to have.

Frontend is built with React and React Router. Backend is Node.js and Express.js – API handles user authentication using JSON Web Tokens. Database is MongoDB.

For the workout search function, users can select a muscle group and difficulty level. The workouts are provided by a third-party API called Exercises API.

This project was full website design and build for Fahrenheit Bakery.

The site is built with React and React Router. I handled all aspects of the project, from UI/UX design to site architecture, development, and deployment.

The home page was designed and built to be clean, sleek, and easy to navigate. The content pages (bread, sweet, savory, story) are built using a custom React component that populates the page with images and text pulled from a data file. Routing is handled with React Router.

Starting with a problem in mind – not knowing what to cook for dinner – helped me to create this Recipe Engine.

This project was built with React, implementing reusable components for the recipe tiles. Users can input an ingredient into the search bar, which then calls to the Tasty API for recipes that contain that ingredient.

If users find a recipe they like, they can click a link to watch the Tasty recipe video (if one exists), or they can click the "Full Recipe" button to render the component that shows all ingredients and steps to make the meal.

This movie watchlist app was built as a solo project from Scrimba using only a Figma design file and desired user specifications. The project uses vanilla JavaScript, HTML, and CSS. It makes use of the Open Movie Database API. Users can:

• Search the OMDB API by entering a partial or full movie title in the search bar
• Add movies from the search results to their watchlist
• Toggle between searching for movies and viewing their watchlist
• Remove movies from their watchlist

A solo project from Scrimba, this Color Scheme Machine is useful for designers and developers in need of some inspiration.

Once the user selects a color and the color scheme type, the app returns five colors from The Color API. The results include the RGB color code that can be copied by clicking on it.

This is a simple app to generate random passwords. It was built using a Figma file and user specifications provided by Scrimba.