Projects

See my work.

Here are all of the programming challenges that I’m proudest of. You can check out the code on GitHub, or read the write-up on the blog. Enjoy!

Bitty Baking API

The Bitty Baking API allows you to query a database of menu items and orders on your computer. You can check the status of the API, view all menu items at the bakery, view a specific menu item, read a list of all orders, and create, read, update, and delete a single order.

Technologies: Node, Express, and MySQL. Testing with Postman.

Currency Converter App

goal-tracker-app-screenshot

Currency Converter is a simple currency conversion app created with React and Bootstrap. Users can enter an amount, a currency to convert from, and a currency to convert to, and the app will return the conversion.

This app uses ExchangeRate-API to retrieve exchange rates and Netlify serverless functions to hide the API key.

Technologies: HTML, CSS, JavaScript, React, and Bootstrap.

Continent-Country Finder

goal-tracker-app-screenshot

Continent-Country Finder allows you to look up a continent and see the countries on that continent. You can also find out interesting country facts, like the capital, currency, and languages spoken, along with the country flag. It uses the Countries GraphQL API.

Technologies: HTML, CSS, JavaScript, React, Bootstrap, and GraphQL.

Productivity Focus App

goal-tracker-app-screenshot

Productivity Focus App is a dashboard where you can view the date and time, personalize the greeting with your name, set your location to view the local weather forecast, add items to a to-do task list, and change the background image. User preferences are stored for future use. In short, it puts everything you need to get things done right at your fingertips!

This app is designed with React, HTML/CSS, and Bootstrap and uses the Unsplash API and Open Weather API. Serverless Netlify functions are used to hide API keys. Updates and preferences are saved in local storage.

Technologies: HTML/CSS, JavaScript, React

Goal Tracker

goal-tracker-app-screenshot

Goal Tracker is a productivity tracking app that includes a weekly overview, daily task list, and notes section. Users can adjust the timeframe and daily goals, and updates are saved for future reference.

This app is designed with React and HTML/CSS. It uses React function components to build the interface. User updates are saved in local storage.

Technologies: HTML/CSS, JavaScript, React

Memory Card Game

goal-tracker-app-screenshot

This project is based on the children’s card game, where the player tries to match pairs of cards that are flipped over. The player is shown the score and the number of guesses, which are updated after each turn. If the player successfully matches all of the cards, a “win” message is displayed.

This game is designed with HTML/CSS and vanilla JavaScript. It is built using the MVC design pattern.

Technologies: HTML/CSS, JavaScript

N Degrees of Wikipedia

The program n_degrees asks the user for a beginning Wikipedia url, an end Wikipedia url, and a target number of degrees in which to find the end url. It then attempts to find a path through the links on the beginning url to the end url in the specified number of degrees. If the search succeeds, a success message is returned, along with the number of degrees needed to complete the search and the search path from the beginning url to the ending url. If the search is unsuccessful, a failure message is returned.

Python and Beautiful Soup are used to scrape Wikipedia web pages. Data is stored in a SQL database and results are retrieved through a breadth-first search.

Technologies: Python, SQL, Beautiful Soup

Keyword Counter

Keyword Counter allows a user to input a keyword (a target word to search for in the document) and a page url. The program scrapes the page with Python and Beautiful Soup, prints out the text of the document, and returns a csv file with the number of times the keyword appears in the document in specific html tags.

Technologies: Python, Beautiful Soup