Portfolio
Calculators for Empower Assessment Testing
Project
These brightly colored, customized calculators are used by students when they are taking a test on the Empower website. I had to customize the HTML to only have certain functions available as the calculators were targeted for specific grades. I worked with the designer to come up with an engaging color design.
Easy Recipeazy
Project
For our first group project, we created a Meal and Drink Randomizer, with a specific ingredient selection feature. I was on a team of five people and we split up the front-end and back-end responsibilities. I worked with the front-end team, helping with design, colors, and layout. We used the Bulma CSS Framework which had a small learning curve compared to Bootstrap. I was responsible for putting together the food slideshow using the Owl Carousel, doing photo research, resizing photos and troubleshooting issues with the carousel. I learned about using GitHub on a team, specifically pull requests and how to resolve merge conflicts.
Empower Classroom Portal
Website
I created this WordPress landing page by collaborating with designers in the Marketing Department. They have other marketing pieces that resemble this look and feel.
License Plate
Creative
I recreated a Florida license plate in Adobe Photoshop based off a photo I took. There are many layers with masking and compositing to get this result.
Stretch and Strengthen
Project
Anyone interested in fitness can use this workout app to choose an exercise by muscle group which then gives the user the option of adding it as a routine once an account is created. I worked on the front-end team with design and layout. I coded the HTML and used the Bulma CSS Framework. Since this application is using a database, it is deployed on Heroku so I learned about configuring environmental variables, autodeploying a GitHub repo to Heroku and using the NPM package dotenv.
Empower Assessments
Website
This WordPress site is a landing page that connects administrators and teachers with different Empower platforms: Rostering where the user can upload and manage classroom and school roster data, Test Administration where the user can schedule the assessments and manage test sessions and Reporting where testing results can be analyzed.
Florida Standards Alternate Assessment (FSAA)
Website
This is a training resources WordPress site built for Florida Educators using a customized child theme and is a refresh of a Liferay site. I worked with the program manager to get site requirements and get feedback from the client. After the site was completed, I trained the program coordinators and managers on how to do their own updates in WordPress. I also created custom documentation based on the theme's documentation for those maintaining the website.
404 Page Design
Creative
This is a mockup of a 404 page that would be for the National Grid Energy World website. Adobe Photoshop and Illustrator were used in this project.
Oklahoma
Website
This is a help and support WordPress site built for the Oklahoma School Testing Program using a customized child theme and is a refresh of a Liferay site. I worked with the program manager to get site requirements and get feedback from the client. After the site was completed, I trained the program coordinators and managers on how to do their own updates in WordPress. I also created custom documentation based on the theme's documentation for those maintaining the website.
Employee Directory
Project
This employee directory table is using the Random User API to pull in data using Axios. I used the PrimeReact UI Kit DataTable component and added the Size and Striped styling as well as the Sort and Filter functionality.
NTS Eblasts
Project
As part of the Analysis and Design team, I was tasked to come up with email designs so internal NTS software users would be more inclined to read about the new features as they were released. I used MailChimp to design the emails and tested the code using Microsoft Outlook.
New Mexico Standards Based Assessment (SBA)
Website
This is a help and support WordPress site built for the New Mexico Public Education Department using a customized child theme and is a refresh of a Liferay site. I worked with the program manager to get site requirements and get feedback from the client. After the site was completed, I trained the program coordinators and managers on how to do their own updates in WordPress. I also created custom documentation based on the theme's documentation for those maintaining the website.
Cat in the Hat
Creative
This is a scan of a card that was traced in Adobe Illustrator. The purpose of this project was to create an art piece using text. All of the cat's "fur" is done using text in varying fonts.
Maryland High School Assessments (HSA)
Website
This is a help and support WordPress site built for test administrators and test coordinators involved in the Maryland High School Assessments. The website was built in HTML, CSS and jQuery using a child theme.
Weather Dashboard
Project
A weather dashboard where the user can type in a city name and get the current day's forecast as well as the forecast for the next five days. The weather data is populated using the OpenWeather API. The technologies used in the application are HTML, CSS, CSS Animate, Font Awesome, Material Design for Bootstrap, JavaScript and jQuery.
Stained Glass
Creative
I used Adobe Photoshop in this project. I purchased a children's black and white coloring book and scanned the artwork. I use color gradients and effects to achieve a realistic stained glass frame and glass segments.
Chartersearch
Website
This website is a redesign for an air charter service company. I worked with the designer and one other developer on this WordPress site. We customized a child theme using HTML, CSS and jQuery.
404 Page Design
Creative
This is a mockup of a 404 page that would be for the National Grid Energy World website. Adobe Photoshop and Illustrator were used in this project.
Bandwidth
Project
Bandwidth, a networking platform for musicians nationwide to find new members in their area, as well as for bands looking to work with other bands to tour or create shows of their own. I worked on the authentication with Auth0 as well as building some components using React Material UI Kit.
National Grid Energy World
Website
I worked on a redesign of the National Grid Energy Explorer website with my coworker, who is a designer and project manager. I customized the child theme, built custom pages using HTML, CSS and jQuery as well as some creating artwork under the direction of the designer.
Empower Classroom Mockup
Project
I helped the Marketing Department with a landing page for Empower Classroom. I had a week to come up with five designs which was then reviewed by designers and managers. All the mockups were done in Adobe Photoshop.
Password Generator
Project
After only 3 weeks of school, the Password Generator assignment was to create a tool that the user can select the following criteria: password character length and character types such as uppercase letters, lowercase letters, numbers and/or special characters. Using vanilla JavaScript, I learned about variables, selecting DOM elements, arrays, creating functions and for loops. The app is deployed on GitHub pages.