Affordable is Now Mobile Compatible

AFFORDABLE’s mission is to connect these networks of healthcare and health supporting organizations into a portal, while concurrently reducing the complexity of the process for the individuals in need. Part of this process is the easy fluid transfer of financial aid, and this applied to the COVID-19 Relief Programs that AFFORDABLE has worked to coordinate and sponsor. With the aid we have collected, we wanted to use the AFFORDABLE portal to directly transfer financial aid after their information and request was evaluated.

The application was initially developed for use on desktops, as this was the most efficient way to create and build new features. However, most of the communities we want to interact with use mobile devices for their internet work and browsing. Many of the interface components were not designed to be dynamic to screen size, thus a new project needed to be undertaken to make the system usable on all types of devices.

This team took the challenge by developing a Storybook manager system for new web widgets that they would be creating that will be more dynamic and mobile compatible. They built a variety components, such as scrollbar, conditional forms, credit card widgets, notification banners, and more! Not only will this allow our features to be accessed successfully on mobile devices, but it will also allow the generation of new pages and features to be more consistent in the future, using our new branding and color schemes.

As with the aforementioned credit card widget, this has special capabilities to be able to validate the card information on the client side to prevent errors on user input. This new mobile friendly feature is an important step to accepting credit cards as a source of funding potential grants in the future, as opposed to the current ACH transfer system currently in place.

The team did a great job in reimagining the affordable app for viewership and interaction on a mobile sized screen. Read the interview from one of the team leaders Sarah Platt and her experiences/work on the project. We look forward to how these mobile components and features will continue to be refined.

Where are you currently enrolled in college?

At The Ohio State University

What is your development team name? Who is your professor?

Our team name is ‘SlackOverflow’ which is inspired by our communication through Slack, and the website StackOverflow

Who were the members on your team?

Our team consists of: Sarah Platt, Latia Tanner, John Choi, Nur Hersi

What was the goal of your software engineering project?

The goal of our project is to make responsive, mobile friendly widgets to incorporate into the site so that users can get all features from a phone’s browser app.

What tool/features did you have to create?

The features we had to create were the various components of the web app with attention to mobile compatibility. Some of the components we created were the scrollbar, conditional form, credit card widget, notification banners, and etc.

What skills did you learn during the semester?

We all were able to hone in our React skills, our initial skill sets varied but everyone now is capable of sitting down and writing on their own!

What did you enjoy about working with Affordable?

We enjoy the casual environment of Affordable, everyone is very easy going and ready to help.

What are your future career plans?

Full stack or frontend development.

Leave a Reply

Your email address will not be published. Required fields are marked *