Gale Virginia Bonker
Follow me on my journey
  • Home
  • Portfolio
  • Passions
  • Contact

Just some finer moments from my Carnegie Mellon days.

What have I been up to more recently? See more current work on my main portfolio.

informare app on desktop-sized screen. informare logo on top right, "Match the Quote and Candidate" text on top center, and "Aayush Tekriwal | Logout" links on top right. Teal graphic on left reads "4/26" and on the right reads 1 with a fire graphic. Header text reads "Issues: Principles & Values. First Independent elected to Congress in 40 years -(Jun 1997)," followed by headshots of Donald Trump, Marco Rubio, and Bernie Sanders, who all have information icons next to their linked names. Trophy, game controller, search, and star icons are on the bottom right, with the game controller icon highlighted.
informare game on desktop-sized screen in background, with a dialog open. Heading reads "Bernie Sanders Presidential Candidate Profile," with tabs "Key Facts," "Issues," "Background," and "More" below. Bernie Sanders' headshot is on the left, with his details on the right: Party Affiliation: Democratic Party, Experience: U.S. Senator, Vermont, Home Residence: Burlington, Vermont, Religion: Jewish, Years in Elected Office: 34. "See more details" link and Graphiq logo on bottom, followed by text "Bernie Sanders Presidential Candidate Profile | InsideGov"
informare app on desktop-sized screen, with "Top Smart Cookies" dialog open. A chart with the following names and scores is below: Sherry Chen: 5, Gale Bonker: 4, Sherry Chen: 4, Aayush Tekriwal: 2, Gale Bonker: 2, Gale Bonker: 2.
informare on desktop-sized screen, exploratory tool. informare logo, "You have explored 25% of issues" text, and "Aayush Tekriwal | Logout" links in header. 24 sticky-note graphics in a 5x5 grid are displayed, with some graphics greyed out with checks to indicate they have been explored, while unexplored issues' notes are orange, yellow, or green. Issues listed are: Corporations, Technology, Foreign Policy, Free Trade (checked), Environment, Social Security, War & Peace, Gun Control (checked), Tax Reform, Drugs, Civil Rights, Jobs, Education, Welfare & Poverty (checked), Homeland Security, Principles & Values, Abortion (checked), Health Care, Immigration (checked), Families & Children, Crime (checked), Energy & Oil, Budget & Economy, and Government Reform. Trophy, game controller, magnifying glass, and star icons are on the bottom right.
informare on desktop-sized screen, issue page. informare logo, "Civil Rights" text, and "Gale Bonker | Logout" links in header. Teal heading text reads "What rights do we have? What rights do we need?" Paragraph: Civil rights are defined as rights that we have that the government, other individuals and corporations can't take away from us. The topic of civil rights spans across many different categories. Secondary heading: Animal rights. Paragraph: The notion of the animal rights movement is that animals have the right to a life free from cruelty. Some even go so far as to say that animals are not ours to eat, wear, abuse, or otherwise use for our own gains. People advocate for animal rights by going vegetarian or vegan, boycotting companies that use animal products, test on animals or keep animals in captivity, and by advocating that animal shelters treat animals with respect. Secondary heading: Authors' rights. Sidebar contains "Quotes By Candidates" in teal-background boxes, each with a Like button. "After Supreme Court vote, gay marriage is a reality." "Oppose gay marriage AND so-called civil unions." "Equal pay is not yet equal." "No legislating gay marriage; but referendum ok." "Rated 0% by the ACLU, indicating an anti-civil rights voting record." Trophy, game controller, magnifying glass, and star icon buttons on bottom right.
Teal heading: "What does this mean to me?"
List: "What do I identify as? Am I a person of color? A female, or mother? Part of the LGBT community? Do I have a disability? What about a student, or worker?
• How does who I am affect how I go about my daily life? What privileges do I have? Which ones do I not have? What do these privileges, or lack thereof, mean for me on a personal and societal level?
• Are there any rights that I currently have or do not have based on who I am as a person?
Should this remain the status quo, or should I or society be doing anything to change what rights I do or do not have?
• If I am privileged in one way, how can I best use my privilege? Should I use it only to further myself in life, or should I also use it to help those who do not have the same privilege as me?"
Heading: "More food for thought"
[Pinterest board embed with social justice pins]
Sidebar:
secondary heading: "Quotes by Candidates"
"Fight gay marriage ruling, but not with civil disobedience."
"I pledge support for a religious freedom law."
"Prohibit sexual-identity discrimination at schools."
"Professional woman AND hostess; feminist AND traditionalist."
"Vetoed closure of
Developmental Disabilities
Centers."
Each quote has a Like button next to it.
Trophy, game controller, magnifying glass, and star icon buttons on bottom right.
informare on desktop-sized screen, issue page. informare logo, "Civil Rights" text, and "Gale Bonker | Logout" links in header. Teal background heading with white text reads "Hillary Clinton has said the most things that you like" followed by Hillary Clinton's headshot.
List: Passing illiterate students is educational fraud. (Sep 1983) 
• Lets build up our schools-not tear them down. (Jul 1999)
• End harsher sentencing for crack vs. powder cocaine. (Jun 2007)
Respect Roe v. Wade, but make adoptions easier too. (Nov 2006) X A family is a childs first school. (Oct 2007) $12 minimum wage, indexed for the future. (Nov 2015)
(Each quote in the list has an X Delete button after it.)
Heading: Bernie Sanders, followed by his headshot.
List: 
• Voted YES on $84 million in grants for Black and Hispanic colleges. (Mar 2006)
Voted NO on subjecting federal employees to random drug tests. (Sep 1998)
• Legalize medical marijuana. (Jul 2001)
Voted NO on restricting interstate transport of minors to get abortions. (Apr 2005)
• Focus on preventing pregnancy, plus emergency contraception. (Jan 2009)
• Voted NO on banning partial-birth abortion except to save mothers life. (Oct 2003)
Heading: Rand Paul, followed by his headshot.
List:
• Favors legalizing medical marijuana. (May 2010)
War on drugs has unintentionally had a racial outcome. (Jun 2014)
• Apply 10th Amendment to let states keep pot legal. (Sep 2015)
Trophy, game controller, magnifying glass, and star icon buttons on bottom right, with star button highlighted.
informare moodboard. 7 rectangles on top, with backgrounds the colors they describe: 
Text color
26, 26, 29
#1A1A1D
Inactive bubble color
191, 191, 191
#bfbfbf
Background color
252, 254, 252
#FCFEFC
Logo and predominant color
110, 194, 175
#6EC2AF
Supporting color
233, 229, 108
#E9E56C
Supporting color
247, 159, 82
#F79F52
Error color
205, 81, 102
#CD5166
Heading: "informare - Superclarendon" (predominant color)
Secondary heading: "Heading - Thonburi" (predominant color)
Trophy (circle), world (circle), star (circle), speech bubbles, and star icons on right, followed by teal, grey, yellow, and red circles.

Lorem ipsum dolor sit amet, consectetur adipisc-ing elit. Donec tellus risus, ultricies a libero at, aliquet venenatis risus. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Nulla blandit lobortis urna, ut luctus nunc laoreet sed. Nulla facilisi. Quisque elemen-
tum mattis felis, ut sodales ligula faucibus vitae.
Ut quis aliquet mi. Vivamus posuere, odio sed
mattis sollicitudin, leo erat laoreet nibh, at inter-
dum lacus urna iaculis turpis.
Nulla pellentesque ex vitae leo convallis ornare.
Etiam vitae cursus metus. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut tempor libero. Vestibulum.
informare logo on top left, blue "Track My Score" button on top right. Heading: "Who Said It?" Heading: "As a member of Congress, I voted against the war in Irag, and that was the right vote."
Donald Trump, Hillary Clinton, and Bernie Sanders circle headshots below. Blue circular fire, trophy, world, and star buttons on bottom right.
Right sidebar with light blue background contains Bernie Sanders' name and circular headshot, followed by Democrat as a descriptor. A bar graph is below.
Blue rectangular "Track My Score" and deep pink rounded "Continue Playing" buttons on top right.
Paragraph: "As a member of Congress, I voted against the war in Irag, and that was the right vote."
Heading: "Correct!"
Paragraph: Bernie Sanders is, and always has been, against the Iraq War.
Here is his speech to the Speaker of the House on the Iraq War from
October 9, 2002:
[YouTube video embed of Bernie Sanders speaking on C-SPAN]
"Mr. Speaker, I thank my friend from New Jersey for yielding me this time.
Mr. Speaker, I do not think any Member of this body disagrees that Saddam Hussein is a tyrant, a murderer, and a man who has started two... [text cuts off]
informare logo on top right, "20% issues explored" blue text on top center, blue rectangular "Track My Score" button on top right. 18 circles of various sizes and blue, red-pink, orange, and yellow borders are scattered around, each with text inside them that represents a political issue. Gas Prices, Tuition Prices, and The freedom of the Internet circles have blue-faded photo backgrounds: a hand pumping gas, three hands holding up graduation caps, and computers among binary code, respectively, to indicate that those issues have been explored. The rest of the unexplored categories are: How elections are run, Trans-Pacific Partnership, Congress term limits, Super PACs, Manipulating district boundaries illegally, Offshore drilling, Death Penalty, Income tax for companies, Rights to keep or not keep your own life if you are terminally ill. Eliminating education inequality, Accessible, affordable healthcare, Medicare and Medicaid, Foreign allies, and Cuba embargo.
Blue background right sidebar: circular photo of a hand pumping gas, followed by "Gas Prices" heading, with paragraph "The price of gas is has a long history in the United
States. Donec eu dolor blandit metus gravida
gravida. Aenean feugiat condimentum faucibus.
Lorem ipsum dolor sit
amet, consectetur adipi-
scing elit." Heading: Related Issues, followed by Offshore drilling, Hydrolic Fracking, and Climate Change text in circles.
Main section: Blue rectangular "Track My Score" and red-pink rounded "Continue Playing" buttons on top right.
Heading: Food for Thought
[placeholder line graph]
Lorem ipsum placeholder paragraph text
[oil rig photo]
Secondary heading on bottom: What do the candidates say?
Orange background with Hillary Clinton name and circular headshot, with lorem ipsum placeholder text.
Yellow background with Bernie Sanders name and circular headshot, with lorem ipsum placeholder text.
Light red background with Donald Trump name and circular headshot, with lorem ipsum placeholder text.
first draft of informare moodboard. 7 rectangles on top, with backgrounds the colors they describe: 
Text color
26, 26, 29
#1A1A1D
Supporting text color
97, 97, 97
#616161
Background color
252, 254, 252
#FCFEFC
Alert and button color
203, 0, 89
#CB0059
Confirmation button color
52, 132, 249
#3484F9
Supporting color
233, 217, 77
#E9D94D
Supporting color
247, 144, 65
#E9D94D
Heading: "informare - Superclarendon" (confirmation button color)
Secondary heading: "Heading - Thonburi"
Facebook, speech bubbles, star, fire (circle, highlighted), trophy (circle), world (circle), and star (circle) icons on right, followed by deep pink, blue, yellow, and orange circles.

Lorem ipsum dolor sit amet, consectetur adipisc-ing elit. Donec tellus risus, ultricies a libero at, aliquet venenatis risus. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Nulla blandit lobortis urna, ut luctus nunc laoreet sed. Nulla facilisi. Quisque elemen-
tum mattis felis, ut sodales ligula faucibus vitae.
Ut quis aliquet mi. Vivamus posuere, odio sed
mattis sollicitudin, leo erat laoreet nibh, at inter-
dum lacus urna iaculis turpis.
Nulla pellentesque ex vitae leo convallis ornare.
Etiam vitae cursus metus. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut tempor libero. Vestibulum.
moodboard with 7 columns of images of about 4-6 images each. Some images give political or patriotic themes in either positive or negative moods, while others represent zen, curiosity and a love of learning.
Landscape paper with pencil sketches and handwriting in 4 boxes.
1. Welcome, we're glad you're here, blah blah blah. Tell us about yourself... (asks demographic questions)
2. Cool, now I have a few questions for you... How much do you care about having access to healthcare? "not at all" to "a lot" slider, with indicator 2/3 of the way towards "a lot"
3. Great. Healthcare is definitely a hot topic nowadays. Here's why: [pie chart infographic]
4. Here's what some of the current candidates have to say about healthcare: Candidate 1: [scribble to indicate placeholder text] Candidate 2: [scribble to indicate placeholder text] Do any of these resonate with you?
Landscape paper with pencil sketches and handwriting in 4 boxes.
5. Right on, we're glad you're learning. Here's another question: How much do you care about having consistent, predictable weather? not at all to a lot slider, with indicator 1/3 of the way towards a lot. How about preserving our beautiful forests? not at all to a lot slider, with indicator 5/6 towards a lot.
6. The environment is definitely another widely talked about entity. Here's why: infographic with placeholder bar and line graphs.
Last 2 boxes: Awesome! Here's where you stand: horizontal placeholder bar chart of candidates that goes to the last box.
Chalkboard with the following writing:
Gale's Ideas (large text)
Solutions/Apps:
- [starred] all-inclusive dating application (all genders and sexual orientations)
- [starred] communication tool for nonverbal people
- stress management application
- [starred] encourage people to recycle / be sustainable
- redesign a student org's website
- coordinate with Kelly on Soho door
- [starred] politics education quiz/app
- [starred] voter app
- app that helps users think before they post
- [starred] terms & conditions infographic maker
- app that handles divorce process
- police report process / support app
- encourage people to walk/bike/carpool/take public transit app.
Chalkboard with chalk writing:
Problems:
- dating apps are not inclusive
- nonverbal people have trouble communicating
- people [at CMU] are stressed
- people don't always know what they can/can't recycle
- many people do not live sustainably
- student orgs do not have time to manage websites
- people do not mark Soho as open
- people are not always educated about politics
- people don't realize the consequences of social media
- people do not read terms & conditions
- divorce is a long/confusing process
- filing a police report is long/stressful/confusing, especially for sexual assault
- people in America are dependent on cars & GPS
- people don't help the homeless enough
- 1/2 of our food is wasted
- body positivity needs to be more of a thing
- attacks on Planned Parenthood

informare

Class: Innovation in Information Systems (67-475)
Semester: Fall 2015
Technologies: 
Ruby on Rails, Zurb Foundation, postgres, HTML, CSS, Adobe Illustrator, Pinterest, Google Forms
Skills: User Experience Design, Brainstorming, Sketching, User Testing, User Research, Data Analysis
Code Repository
Final Presentation 


informare aims to unbiasedly inform American citizens about political issues in engaging ways so that they feel educated enough to vote. The application contains a game feature that allows the user to guess which presidential candidate said a certain quote about a certain topic, and then keeps track of their score (how many questions they got right total) and streak (how many questions they got right in a row). There is also an exploratory tool that encourages users to explore political issues. While users are exploring issues, they are presented with quotes that candidates said that they can like and then later manage to see which candidate said the most things they agree with.

For this project, my main role was a User Experience Designer and Front-End Developer. I wrote and distributed a survey that asked users about how they feel about politics and how educated they feel about many political issues. I then made sketches, a mood board and design language in order to figure out our interaction and visual design. Once we had a working developed prototype of the app, I conducted a user test on five American citizens, asking them to think aloud as they interacted with the app, and asked them to perform certain actions that our app offered. I took the problems I found back to the team, and we were able to solve many of them, especially problems with information hierarchy. Additionally, for our exploratory tool, I researched and wrote content for twelve different topics. I then designed the information that my partner and I wrote for all the topics using HTML, CSS and information design practices.

Xeno

Class: Mobile Application Development in iOS (67-442)
Semester: Fall 2015
Technologies: Swift 1.2, Xcode 6.4

Skills: Model-View-Controller (MVC) framework, Grand Central Dispatch, Refactoring, Optionals, Closures, Outlets, Responsive Design, Visual Design
Code Repository
Final Presentation 


Xeno aims to eliminate xenophobia by asking the user a variety of true/false questions about racism, sexism, homo/transphobia, religiocentrism, and ableism. Through answering the questions, the user's score and, ideally, their awareness, increases if they answer a question correctly.

I made sure that my application worked on every size screen, including when the devices are rotated. Based on extensive research, I wrote all the questions myself.

Presente

Class: Innovation in Information Systems (67-475)
Semester: Fall 2015
Technologies: Swift 2.0, Xcode 7,
 Estimote Beacon, Parse, Adobe Illustrator, Balsamiq, Google Forms
Skills: User Experience Design, Sketching, User Testing, User Interviews, User Research, Data Analysis


Presente uses Estimote beacon technology to automatically track attendance for professors. When a student walks into class, the physical Estimote beacon detects the presence of their iPhone within a certain range set by the professor, and their attendance would be automatically tracked during each of their class sessions. Gone are the days of sign-in sheets killing paper and roll-call killing class time.

My role on my three-person team was a User Experience Designer. I drew our initial sketches of the application, and then iterated on those sketches by producing wireframes with Balsamiq. I then got user feedback by interviewing two professors, three students, and collecting responses from 162 students via an online survey. Based on that feedback, I iterated further on the designs by making a mood board and design language based on the notion of our users feeling academically inclined and responsible while using Presente. I then used the design language to create three more iterations of high-fidelity mock-ups, which the team developed using the Swift programming language and Parse for a database.

collab.cmu.io

Class: Innovation in Information Systems (67-475)
Semester: Fall 2015
Technologies: Ruby on Rails, HTML, CSS, Bootstrap

Skills: Database Design, Front-End Development


collab is a site where members of the Carnegie Mellon community can find collaborators, from professors looking for teaching assistants to students seeking research experience to student organizations looking for someone to fill a leadership position. Instead of your average jobs board where it is solely the responsibility of the job seeker to find collaboration opportunities, collab makes this process a two-way street by allowing job seekers to also post about their skill sets and opportunities they are pursuing. We accomplish this by having two boards that users can post to: "Projects Seeking Talent" and "Talent Seeking Projects." Additionally, to ensure that this board stay within the CMU community, we require each email that users use to sign up and log in is a CMU-associated email (ending in @andrew.cmu.edu, @cmu.edu, etc.).

I played a large role on this team in the initial brainstorming phase, the wireframing and interaction design iteration phases, the creation of user stories, and the Ruby on Rails development. I created our entity-relationship diagram and data dictionary before we began developing. We used a gem called devise that helped us set up user authentication. I also gained experience using Bootstrap to lay out the front end. Instead of creating mockups in Illustrator like I normally do, we decided to design in code and iterate that way. This method worked well for us considering we only had two weeks to complete this project.

Pittsburgh Kindness Initiative

Class: Software Development Project (67-373)
Semester: Spring 2015
Technologies: Wordpress, HTML, CSS, HotGloo, draw.io,
 Adobe Illustrator, Google Forms
Skills: User Interviews, Client Relationship Management, Project Management
Final Product
Final Report


My team and I developed a website for the Pittsburgh Kindness Initiative (PKI) as consultants. The Pittsburgh Kindness Initiative's mission is simply to spread kindness in Pittsburgh and beyond, and to track how far their kindness goes by encouraging people to pay the kindness forward. Before our consulting advice, the PKI would give a paper business card to whoever they did a kind act for, but there was no way for them to see how far their kindness was paid forward. Our team built and designed this website and new plastic, trackable business cards for the PKI so that people who received the cards could log onto the website and tell their kindness story. Users can also see other stories associated with their card's tracking number, thus seeing how far the kindness has spread.

We used Wordpress for a content management system, in addition to a multitude of plugins. My main role on the team was the Content Manager and Front End Lead. I wrote the majority of the content for our pages and cards. I made wireframes of our site in its initial stages. I conducted user interviews, including ones with members of Project Smile, a campus organization dedicated to spreading happiness, to gauge what kindness means to our users. Also, I edited the HTML and CSS of our template in order to optimize it for our purposes. 

Gophr

Class: Designing Human Centered Software (05-391)
Semester: Spring 2015
Technologies: iOS, HTML, CSS, JavaScript, AngularJS, mongoDB, ionic, heroku, Facebook API, 
Adobe Illustrator, iMovie
Skills: Wireframing, Low and High Fidelity Mockups, Moodboard, Design Language, Storyboard, Video Editing
Final Product (optimized for a mobile-sized screen)
Final Report
Pitch Video

Overview Video

With Gophr, an iPhone application, users can buy and sell items locally to their friends and neighbors. Gophr's interface is similar to Tinder in that the user swipes left if they are not interested in an item, and swipes right to inquire about the item.

My role on my team of six was a User Experience Designer. I contributed heavily to the initial wireframes and mockups of our app, and conducted a multitude of user tests and interviews. From these, I made a storyboard for our app, demonstrating a typical user story. I then iterated on our mood board and design language, making sure that users felt relaxed yet excited while using our app. I contributed to writing the CSS in our application so that our design language would be used properly. To present our app at our final critique, I made our team's poster, demonstrating all the main ideas and information about Gophr. I also did the majority of the shooting and editing of our Overview Video and Pitch Video.

BriefScape

Class: Design of Educational Games (05-418)
Semester: Spring 2015
Technologies: 
Adobe Illustrator, Google Draw
Skills: Sketching, Wireframing, Low and High Fidelity Mockups, Moodboard, Design Language, Brainstorming, Playtesting, Cognitive Task Analysis
Final Report


BriefScape is a board game centered around teaching novices to the job search essential job- and internship-hunting skills, such as resume writing, elevator pitching, and answering behavioral interview questions.

I identified the problem at hand by brainstorming ideas for subjects that students want to learn about in a fun, encouraging way. Before we started creating the game, we conducted a cognitive task analysis where we interviewed and tested novices to the job search to see which areas were the most problematic or confusing to them.

My partner and I first sketched out some possible ideas for game boards and questions that the game would ask. We concluded that the game should consist of two different kinds of questions: Knowledge questions and Application questions. Knowledge questions would test the players' objective knowledge of resumes, elevator pitches and interviews, while Application questions would prompt the player to practice the skills associated with these three learning objectives. We decided to run with the briefcase-related design because a briefcase is an iconic job symbol, and the objective of the game is to escape from the briefcase and into the real world.

From there, we created a first prototype of the game board, a mood board, and design language. I then made our second, higher-fidelity iteration of the board, which we playtested with ten players. After the playtesting session, we made some final tweaks to the game board, questions, rubrics, player pieces, and rules. 

Smart Bedroom iPad App

Class: Fundamentals of System Development (67-371)
Semester: Fall 2014
Technologies: 
Adobe Illustrator
Skills: Wireframing, Low and High Fidelity Mockups, Sketching, Interaction Design
Final Report


I designed the user interface of an iPad application that would control every aspect of a "smart bedroom" in a smart home. The application integrates many features of smart homes that already exist into one platform and makes them all work together in a way that allows the user to customize their bedroom while being informed of their habits and saving money on heating and electricity. 

I played the role of Interaction Designer on this project, as I helped define requirements, drew wireframes and iterated on the final designs for our application. I also helped design the poster we used for our final presentation of this project.

Pantree

Class: Interaction Design Overview (05-392)
Semester: Fall 2014
Technologies: 
Adobe Illustrator, Adobe InDesign, Google Drive
Skills: Wireframing, Low and High Fidelity Mockups, Sketching, Moodboard, Design Language, Storyboard, Personas, User Research


Pantree allows the user to build a shopping list and have the groceries delivered to their house. As the user continues to order groceries with the app, their shopping list will be automatically populated with items that they regularly buy.

Our persona for this application is a busy mother of three young children named Alicia Henry. Our research indicated that busy mothers of young children find it annoying and time consuming to go to the grocery store on a daily basis, especially if they have to bring their kids and especially if they also have other errands to run. Alicia wants to spend as little time on grocery shopping and as much time with her family as possible.

We wanted our application to have a relaxing feel to it while still being exciting to use, so we chose design language that we believed would accomplish that. We derived our design language from our mood board, which also strived to create a serene, healthy feeling.

Our team made many storyboards and iterations for this project. Our earlier iterations made us realize that our application was too complicated at first, so we had to rethink our requirements and design language multiple times. Our application evolved a lot during this project, and we were very happy with the final product.

Chess Camp Application

Class: Application Design and Development (67-272)
Semester: Spring 2014
Technologies: Ruby on Rails, HTML, CSS, JavaScript, Git, GitHub, Google Maps API

Skills: Model-View-Controller framework (MVC), authentication, authorization, geolocation, database design, refactoring, nested forms, CRUD functionality
Code Repository


I built a Ruby on Rails application designed for an imaginary chess camp in my Application Design and Development class my second semester sophomore year. I was one of five people in a class of about sixty students who won an award for design on their final project phase in this class.

The application had to effectively display information about all the camps, curricula, locations, instructors, and registrations. To create authentication, we created a user model with login functionality. We had three different user types that we had to create the appropriate authorization for: administrators who had all possible privileges when logged in, instructors who had limited privileges when logged in, and parents who did not log in but looked at the application for information about upcoming camps for their children. 


To create this application, the class used Git for version control. I used the model-view-controller framework to organize my code, creating the model code first, testing it extensively, and then writing the view and controller code. The chess camp application contains the integration of interactive Google Maps and nested forms. 

Picture

Bajaj Foundation Interactive Map

Class: Sustainable Social Change (79-318)
Semester: Spring 2014
Technologies: 
Ruby on Rails, HTML, CSS, JavaScript, Git, GitHub, Google Maps API
Skills: Model-View-Controller framework (MVC), authentication, authorization, geolocation, database design, CRUD functionality

Final Product

A partner and I built an interactive map application for the Bajaj Foundation, an organization that fosters social change in villages of rural India. The goal of this application was to help the Bajaj Foundation keep track of what activities were taking place at which villages in a geographically-displayed manner. The application contains an interactive, scrollable and zoomable Google Map with clickable markers, authentication and authorization, and CRUD functionality. 

Andy Warhol Exhibit Website

Class: Information Systems Milieux (67-250)
Semester: Fall 2013
Technologies: 
HTML, CSS, JavaScript, Google Maps API
Skills: Cascading content, interactive thumbnails, contact forms


I designed and built a website for a fictional Andy Warhol exhibit for my Information System Milieux class. I used my knowledge of HTML, CSS and JavaScript to create a consistent color scheme, cascading content, and interactive thumbnails that enlarged and showed more detail when clicked on. This website also contains a contact form and two Google Maps. 

Dig Dug Remix

Class: Fundamentals of Programming and Computer Science (15-112)
Semester: Spring 2013
Technologies: 
Python, Pygame
Skills: sorting methods, Big O efficiency, recursion, classes and inheritance, binary trees


Dig Dug Remix is a more modernized version of the classic Namco game Dig Dug, complete with updated gameplay, difficulty, and background music.