Midwest Connection

  • PHP
  • MySQL
  • UI Design
  • HTML
  • CSS
Midwest Connection displayed on a laptop, tablet, and phone.

The Midwest Connection website serves as a portal for members of the Midwest cosplay community more easily find and connect with photographers and vice versa. Members can create either a cosplayer or photographer profile, and their contact info, a description about themselves, and set what types of projects and events they are interested in. Users can find other members close to them by sorting by state.

Screenshot of Midwest Connection's homepage.

UI Design

Before any code was written, a mockup of Midwest Connection was created. The UI was created and iterated on in Adobe XD. A mockup of every page of the site was created in Adobe XD. Every aspect of the site’s design was created by Andrew, including the logo and photos.

Database Design

The MySQL database that was create for this project was designed specifically for this project.


The Midwest Connection site was built with PHP and MySQL. All of the pages on the site include content that is dynamically generated based on the content that is stored the database. Users of the site can also add, remove, and delete information from the base using the respective forms. The site also implements different security measures like sanitization and tokens to prevent a wide range of potential hacks.

One of the major tasks of this project was to make the site fully responsive, but to do so without the use of a framework. All of the sites on the site were handwritten using media queries in order to properly display the site regardless of screen size. On top of that, a full set of print styles was created for the site.

Currently the site does not feature specific user accounts, so any use of the site can edit or delete a profile as the wish. Individual profiles with permissions will be implemented in a future update.

Visit Site