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

Just some of my finer moments.

LiesGame.com

Technologies: JavaScript, React, Firebase, Google Cloud, Google Analytics, Babel, Webpack, HTML, CSS, WAI-ARIA
Skills: Full-Stack Software Development, User Experience Design, Accessibility, Responsive Design and Development


LiesGame.com is a mobile-first, web-based game built with React and Firebase that encourages players to make their friends laugh by coming up with believable lies about various topics. As a full-stack software engineer on this project, I made many features that brought the game to a launch-able state. Since finishing the game's MVP, it has been streamed twice to an audience of 8,000+ viewers, leading to thousands of games being played and tens of thousands of hilarious lies fabricated. Many users found that this game helped them cope with the COVID-19 quarantine by playing with friends and family online or in person if they were quarantining together.

Features I Developed:
  • Instructions screen
  • Deck selection screen
  • Offline pop-up
  • Meaningless timers
  • Periodic intentional typos
  • Scoreboard mode
  • Google Analytics
  • Accessibility improvements
  • Back-end updates
  • Database maintenance
LiesGame.com home page, mobile
LiesGame.com Instructions screen
LiesGame.com Deck Select screen
LiesGame.com offline pop-up
LiesGame.com Enter Answer screen with meaningless timer
LiesGame.com Enter Vote screen
LiesGame.com Announce Vote screen
LiesGame.com Round End screen with intentional typo
LiesGame.com Final Scores screen
Scoreboard Mode: players entering the room
Scoreboard Mode: Topic announcement while players write their lies with meaningless timer deployed
Scoreboard Mode: players vote on which "lie" is the truth, while meaningless timer counts down
Scoreboard Mode: guesses are announced out loud
Scoreboard Mode: Round Summary
Scoreboard Mode: Lie of the Game and Top Liar on Final Scores page

DROPOUT landing page
DROPOUT Log In page
DROPOUT Sign Up page
DROPOUT Home page
DROPOUT Home page, listing shows
DROPOUT media page featuring autoplay
DROPOUT Browse page, desktop view
DROPOUT Browse page, mobile view
DROPOUT Schedule page
DROPOUT Account Cancellation flow (desktop view)
DROPOUT OAuth Login page (desktop view)
DROPOUT Accessibility page

DROPOUT

Technologies: JavaScript, React, Redux, Redux-Saga, ES6, Babel, Webpack, Mocha, Enzyme, HTML, CSS, WAI-ARIA
Skills: Front-End Software Development, Snapshot Testing, Unit Testing, Functional Testing, Integration Testing, User Experience Design, Accessibility, Responsive Design, Pair Programming, Refactoring, Technical Debt Management, Mentorship 


At CH Media, I used React, Redux, and many other JavaScript libraries to build and maintain DROPOUT, CollegeHumor's streaming service, in a responsive, accessible, intuitive way, so that its 65,000+ subscribers could enjoy comedy content with ease. Some features I developed include a cookie-based alert bar, an improved and accessible Browse page, the Schedule page, improvements to the Landing, Sign Up, Log In, and Home pages, and an Autoplay feature to allow the user to continue to enjoy a series of content. Additionally, I taught my front-end team about accessibility development according to WAI-ARIA best practices, allowing thousands more assistive technologies users to navigate DROPOUT more easily, and added accessibility testing to our development and review process. I also drove positive change on our team, by scheduling and hosting continuous improvement meetings among the front-end team, and advocating for technical and design debt prioritization. Lastly, I led a full-stack paired-programming initiative to build both an OAuth and reverse OAuth login system between DROPOUT and Facebook, so that subscribers on both platforms could enjoy our content on both products seamlessly. See each image in the gallery for more details.


SmartEdTech

Technologies: Adobe Illustrator, Apple Pencil, Pencil and Paper
Skills: User Experience Design, Visual Design, Interaction Design


SmartEdTech creates technology for students with special needs so that they can learn in the way that is best for suited for them. The Admin tool allows teachers and parents to aggregate and analyze data about their students' learning trends, so that they can further personalize their teaching strategies.

As a User Experience Designer at SmartEdTech, I designed a new version of the Admin website, via sketches, design language, and high-fidelity mockups, so teachers and parents could assess their students’ learning data more effectively.

Additionally, I iterated upon the interaction design of the Marketing website, SmartEdTech.com, with hand and digital sketches to increase sales leads.

Admin Website

Admin Website Design Language
Admin Activities page mockup
Admin Teacher's Dashboard sketch
Brainstorming Sketches

Marketing Website

Marketing Website Home page final sketch
Marketing website About Us final sketch
Marketing website Contact Us final sketch
Final Sketches: Home | How SmartEdTech Helps | About Us | Contact Us
​
Brainstorming Sketches: Home | Centralized Learning (Home) | Content Library (Home) | Engagement (Home) | Get Started (Home) | How SmartEdTech Helps | About Us | Contact Us

RedditLite homepage

RedditLite

Technologies: JavaScript, React, Redux, HTML, CSS, Bootstrap, Jest, Reddit API, Heroku
Skills: Model-View-View-Model (MVVM) framework, Responsive Design, Accessibility
Code Repository


RedditLite allows the user to search for any subreddit and view the most popular posts on that subreddit. Users can see posts' titles, upvotes, downvotes, author and approximate time posted, along with links to the posts' content and comments sections.

Features:
  • Access any subreddit in a more modern-feeling, user-friendly way.
  • Click on any link to visit that content, and then return to the app without losing search results.
  • If the user enters an invalid subreddit name, the app provides the user with an error message to help them find a valid subreddit.
  • Works on any mobile phone or tablet. Made responsive with Twitter Bootstrap.
  • 100% test coverage with Jest.
  • Tested and verified for accessibility using the ChromeVox screen reader and the keyboard. Works for users who use only the keyboard, screen readers, and similar assistive technologies.

Doctor Reviews

Technologies: Ruby on Rails, HTML, CSS, Bootstrap, Devise, Heroku, postgres
Skills: Model-View-Controller (MVC) framework, Responsive Design, Authentication, Authorization, Accessibility
Code Repository


Doctor Reviews is a Ruby on Rails application that allows users to sign in, post and rate doctors, so that they can find the best quality care based on their medical needs. It is built responsive with Bootstrap in order to work on all screen sizes. I used Mac's VoiceOver screen reader to ensure that the application is accessible to users who do not use a mouse.
Doctor Reviews home page, unauthenticated, desktop view
Doctor Reviews sign up page, mobile view
Doctor Reviews log in page, mobile view
Doctor Reviews home page, authenticated, desktop view
Doctors page, desktop view
New Doctor page, desktop view
Rate Doctor page, desktop view
Rate Doctor page, review posted, desktop view

Bonker for Byram home page
Bonker for Byram On the Issues page
Bonker for Byram Contact and FAQ page
2017 Bonker for Byram mailer #1, front
2017 Bonker for Byram mailer #1, back
2017 Bonker for Byram mailer #2, front
2017 Bonker for Byram mailer #2, back
2019 Bonker for Byram mailer #1, back
2019 Bonker for Byram mailer #1, back
My father Raymond Bonker being sworn into the office of Town Council member in Byram, NJ

Bonker for Byram

Technologies: Adobe Illustrator, Weebly, Facebook
Skills: User Experience Design, Visual Design, Interaction Design, Graphic Design, Responsive Design


Bonker for Byram is a campaign website, Facebook page, and four printed mailers that I designed and built when my father ran for Town Council in my hometown, Byram, New Jersey, in both 2017 and 2019. He was elected in 2019, and sworn into office on January 7, 2020.

Love Your Neighbor Books

Technologies: Weebly
Skills: User Experience Design, Visual Design, Interaction Design, Responsive Design


Love Your Neighbor Books is a benefit corporation that sells books on Amazon that my brother Charles founded to employ people with disabilities and neurodiversities. I built this website for him so that he could establish an online presence, form new partnerships, and ultimately grow the business so that he could help as many people as he can. Even though we could have built a website from scratch, I suggested we use Weebly so that he and my mother could also update it as needed, so that they would not be so dependent on me (or another developer) to update it.
Love Your Neighbor Books home page, desktop view
Love Your Neighbor Books partners page, desktop view
Love Your Neighbor Books donations page, desktop view
Love Your Neighbor Books About Us page, desktop view
Love Your Neighbor Books contact page, mobile view

I Am In Here website home page

I Am In Here

Technologies: WordPress, HTML, CSS, Adobe Photoshop
Skills: User Experience Design, Visual Design, Interaction Design, Graphic Design, Accessibility

​IAmInHereBook.com is the informational website and blog associated with my sister Elizabeth Bonker's book I Am In Here: The Journey of a Child with Autism Who Cannot Speak but Finds Her Voice. Recent changes I have made to the website include changing the background color to navy blue, updating the header image to have a transparent background, updating the carousel on the homepage to include more current content, and adding posts to the blog.

Letters to Legalize

Technologies: HTML, CSS, Weebly, Adobe Illustrator, Google Forms, Facebook, PayPal
Skills: User Experience Design, Visual Design, Interaction Design, Graphic Design, Political Advocacy

Letters to Legalize was a letter writing campaign, featuring a website and Facebook page, that I launched to encourage New Jersey residents to write to their State Senators and Assemblymembers in favor of passing cannabis legalization legislation. New Jersey residents would fill out their name, address and an optional additional message in either a Google Form or on an already printed letter, and then my team and I would mail that letter to their state legislators for them. We sent thousands of letters over a one-year period, and even held a meeting with my local state Senator and Assemblymembers, where we explained the many benefits that cannabis legalization would have for New Jersey, from racial justice to tax revenues. Cannabis legalization will now be ballot question in the November 3, 2020 election.
Letters to Legalize Home page with main call to action
Letters to Legalize Home page with background information
Letters to Legalize Home page with racial justice information

Want to see more? Check out my college portfolio.