Project started Dec 1, 2018 and completed on Dec 21, 2018.
Approximately 210 combined hours worked independently.
-
Preplanning - Vision - User Stories - Component Tree - Schema
-
Main Challenges - 1. Conditional Styling - 2. Group Programming - 3. Third Challenge
-
Account Creation - Quiz - Results - Tutorial - Authorization
-
Forum - Great Hall - House Forums - Secret Forums - Custom Forums
-
Favorites - Subscribe - Follow - Bookmarks - Likes - Mentions
Below is the initial component tree that we wrote out during our preplanning phase
Here is an example of our group collaboratively working and iterating through the direct messaging (DM) view(s). For simplicity, we originally envisioned a singular view to house all of the functionality.
Our original design took inspiration from the NewsFeed view that we developed.
Upon further development we decided that a more intuitive approach for the user would be to split up the views for mobile.
However, from the UX perspective --- a singular view didn't make sense because there was too much functionality which was taking away from the primary functionality of a private DM environment with minimal distractions. In the end, we decided to reduce UX ambiguity by maximizing the messaging real estate, and splitting the DMs into to two separate views.
Material UI was used for the navigation bar and the drawer which was a breeze to setup. However we ran into issues because it was tough getting conditional rendering for different color themes for different houses. We tried using conditional rendering with class names but no avail. After some research we discovered we need to use a MUI Theme Provider to inject custom styling. We then tried creating 4 separate MUI Theme Providers and conditionally render those.