Fridge 2 Plate

---

• View Live
• View Code

Purpose: Fridge 2 Plate is an application that allows users to look for recipes based on ingredients they have as well as feature their own recipes.

Details:

• Filters recipes by ingredients
• Allows users to add their own recipes to be featured on the front page
• Integrates user sign-in using Google O-Auth and payment processing with BrainTree
• Recipe sharing with social media
• Responsible for developing the creative assets, design, and UX/UI of our website
• Developed front-end functionality to retrieve recipe information from our website and display it on the front page

Technologies Used: LAMP stack, BrainTree, Google OAuth, JavaScript, jQuery, jQuery UI, Bootstrap, HTML5 & CSS3

Close

Meetup Map

---

• View Live
• View Code

Purpose: Meetup Map is a responsive web application that allows users to search for upcoming Meetup events based on location and interest.Results are displayed on a map and listed so that users can click to view detailed information and supplementary YouTube videos.

Details:

• Search for Meetup events based on user interest and location
• Add Meetup event to Google Calendar
• YouTube videos to help user prepare for Meetup
• Integrates Meetup,Google Maps, and Youtube APIs
• Responsible for retrieving Meetup API data and implementing JavaScript functionality to display event information

Technologies Used:HTML5, CSS3,Materialize CSS, JavaScript, jQuery, Meetup API, Google Maps and Geocoding APIs, YouTube API

Close

Student Grade Table

---

• View Live
• View Code

Purpose: A create, read, update and delete application that manages students' courses and grades and calculates their cumulative GPA.

Details:

• Utilize AJAX requests to make API calls to the database to handle CRUD functionality of the application.
• Use Bootstrap framework to develop and style UI

Technologies Used: HTML5, CSS3,Bootstrap, JavaScript, jQuery, AJAX, Github

Close

Citation Tic-Tac-Toe

---

• View Live
• View Code

Purpose : Designed and built a citation themed tic-tac-toe game in a team of 4 developers to help students learn MLA citations.

Details:

• Variable game board size of up to 12 x 12 grid with selectable win conditions
• Questions to test students knowledge of proper MLA citation formatting.
• Responsible for implementing functionality for pop-up question game-play. Also assisted with the look and feel of the game.

Technologies Used: HTML 5, CSS3, Bootstrap, JavaScript, jQuery

Close

Calculator

---

• View Live
• View Code

Purpose: Independently developed calculator application that handles mathematical operations.

Details:

• Developed responsive UI and CSS animations to enhance user experience.
• Developed JavaScript logic to handle basic operations and successive calculations

Technologies Used: HTML5, CSS3, JavaScript,jQuery, Git, GitHub

Close

Memory Match Game

---

• View Live
• View Code

Purpose: Memory Match is a game with 18 cards face down where the player has to try and match all 9 pairs of matching cards .

Details:

• Developed logic for game play, player interaction, and player statistics
• Incorporate randomized card sorting for each new game.

Technologies Used: HTML5, CSS3, JavaScript,jQuery, Git, GitHub

Close

Blytheco

---

• gateio app

Purpose: Blytheco needed to have their website refreshed to transform their static site into a dynamic, responsive website.

Role: Graphic & Web Designer

• Created new web pages and converted fixed layout pages into fluid,responsive pages
• Improve website UI to enhance user experience and conversion rates for site visitors
• Edited images and designed custom graphics involving logos,banners, and landing pages for company's website and blog.

Technologies Used: HTML5, CSS3, JavaScript,jQuery, ASP.NET, Adobe Photoshop, Adobe Dreamweaver

Close

Procast

---

• View Wireframes

Purpose: Procast needed help with designing the user interface and experience for their media content distribution app.

Role: UX Design Intern

• Created wireframes,interaction design ,and visual design mockups to define features and user flows for the application
• Design a clean and aesthetic layout for the company's landing page

Technologies Used: Axure, inVision, Adobe Photoshop

Close

tracker

---

Purpose: The project was an exercise in user interface design for tracker, a mobile app that is designed to locate lost items. The app allows you to manage and add items, and displays the coordinates of the missing item once located.

Technologies Used: Adobe Photoshop,Adobe Illustrator

Close