As the project title suggests, this app was built using React.js. The application’s content was populated using themoviedb.org API. The poster’s transition animation used the library ‘react-overdrive’.
React Movie Database
PhotoRig
PhotoRig was created as the Final Project for WDV341: Intro to PHP. There are two levels of privileges – admin and user. A user is able to view and select camera bodies or lenses from the main database, then add the items to their personal gear, which is displayed on the user’s homepage. Users can also remove items from their personal inventory.
Admins have the same abilities as general users but are further able to add, modify, and remove camera bodies or lenses from the main database.
The application is written in an object-oriented manner and utilizes an MVC style architecture. No PHP frameworks (such as Laravel, Yii, Drupal, etc.) were used. It uses Bootstrap 4 for styling.
Demonstrating Current Design Trends
For a pair of assignments during a web development course on “Emerging Technologies”, I created a microsite to demonstrate a minimal color palette, single-page websites with distinct sections using color blocking, typography as a graphic element and parallax effects with JavaScript.
GDIT – CCW Workbench
One of my new projects is to create functioning prototypes to explore new ways to let the healthcare researchers find exactly the data they’re searching for. The screen below is my starting point.
As the system stands now, the user would have to blindly select the output files and hope the data they need is contained in the file. Only after submitting the request would they be able to view what categories and contents they’d selected. This is frustrating for the use as it wastes time in waiting for the search to complete while hoping they chose wisely, and then creating further database queries if they did not receive what they needed.
Working with the back-end team, we’re working to find a solution that allows the user to view the database categories that would be returned before submitting the request. We’re adding more specificity to the files the search returns using a radio button, and adding a “view categories” modal that appears with the relevant column information when the user clicks it.
Finally, this page is being updated to the standards I’m collecting in the Pattern Library (featured here), using Bootstrap. During the makeover, I will be ungrouping the buttons from the bottom of the page and placing them where they’re more contextually relevant for more intuitive functionality as well as better visual flow.
GDIT – Pattern Library for CCW
During my time at General Dynamics as a web development intern, I have been cataloguing page elements and creating a guide to standardize the look and feel of the new design for the suite of apps for the Chronic Conditions Warehouse. I used Twitter Bootstrap for the layout and appearance, as the rest of the pages rely on it similarly, but with certain modifications.