Recent Projects
Built a custom WordPress theme using PHP, Tailwind CSS, and JavaScript, including template files for pages, posts, and custom post types. Implemented a mobile-first layout with smooth UI interactions and containerized the entire development environment using Docker Compose.
- Skills: WordPress, PHP, JavaScript
- Tools: Docker, GitHub
A full-stack application built using React for the frontend and Flask for the backend. Authenticated users can add, edit, and delete recipes, while view-only is available to everyone. Other UX principles like saving scroll position, adding favorites, and filtering recipes by category.
- Skills: JavaScript, Python, SQL, APIs
- Tools: React, Flask, Render
This is a simple motivational web app that retrieves quotes from an API. Users can favorite 3 quotes and sort by category. Skills include array and object destructuring, conditional rendering, popular hooks like useState and useEffect, and cleanup functions.
- Skills: React and Hooks
- Tools: VS Code, GitHub, Netlify
Supervillains is a dynamic web app that stores and displays female supervillain trading cards, utilizing SQL databases, Jinja templating, and REST APIs. This is a first introduction to Python Web Apps.
- Skills: Jinja Templating, REST API Framework, SQL Databases
- Tools: Python Anywhere
Sticky Notes is an interactive app that lets users create, search for, and delete apps. It demonstrates JavaScript React elements such as lifestyle methods, array data models, and stateful components.
- Skills: ES6, Managing Data Flow, DOM Manipulation
- Tools: Code Sandbox
Guess the Word is an interactive game showing off JavaScript fundamentals: loops, arrays, async functions, event listeners, and more. Players guess the word by entering one letter at a time.
- Skills: JavaScript, DOM Manipulation
- Tools: Chrome Developer Tools, VS Code, GitHub
The project pulls data from GitHub to create a gallery of repos from previous projects. Users can search for and click to find out more information. This is a perfect example of using APIs to retrieve data.
- Skills: APIs, DOM Manipulation
- Tools: GitHub
Developer Skills
HTML
CSS
JavaScript
React
WordPress
Python
Databases
Flask
APIs
Git
Bootstrap
Elementor
Tailwind
Translation
Developer Tools
Responsive Websites
Chrome Dev Tools
VS Code
Adobe Creative Cloud
GitHub
AWS
Code Sandbox
Docker
Figma