WENDI (2023)

WENDI screen displayed on Macbook

BACKGROUND

ROLE

Full-Stack Developer in a team of 4

TOOLS

Python

HTML/CSS

MySQL

Flask

Git

TIMELINE

3 months

Overview

The Wellesley Evaluation Network for Dorm Information (WENDI) is a web app designed to streamline the housing selection journey. WENDI facilitates effortless navigation through campus housing options, enhanced by genuine peer reviews and data inputs from fellow students. This tool allows users to report and share insights about the rooms they and their peers have lived in, offering a rich source of real-world data and experiences. Students seeking room insights will find a wealth of information, while those wanting to share experiences have a platform to amplify their voices.

Problem Statement

We noticed that the current methods of finding dorm room information are unreliable and there isn't a centralized platform for students to find the information on. The main 2 alternatives are a Google Drive folder which contains outdated and inaccurate dorm building floor plans and asking in Wellesley FAQ, a Facebook group where students can ask about anything Wellesley-related. The Google Drive folder can be difficult to access and parsing through Wellesley FAQ posts is inconvenient and challenging.

Project Goals

Our goal was to build a web app that would solve the issue we identified and help future students.

DEVELOPMENT

Ideation + Prototyping

Before building our web app, we looked at what dorm information Wellesley FAQ users ask for. This helped us structure our database and narrow down on what features to include. Wellesley FAQ users frequently asked for images of specific dorm rooms and what the living experiences are. We determined what data we would need to collect, then what main features we wanted our app to have. The main features of WENDI are: sign-up/login, writing room reviews, viewing room reviews, viewing rooms by dorm building, and writing comments on room review pages. Building off of our list of features, we identified the different pages we would need to build and created a wireframe of the app to visualize the app's flow.

WENDI ER diagram

To understand how we needed to structure our SQL database, we created an ER diagram using dbdiagram.io and then setup our database.

Coding

As most of our code was going to be developed asynchronously, we split features amongst team members. My responsibilities within this project included developing SQL queries to display a list of the rooms in a specific dorm building, change the list's display based on filters, and display the reviews and comments made on a room's page. I additionally created the HTML and CSS for the dorm building and room review pages.

Writing the SQL features was helpful in better understanding our database's structure and reinforced my ability to read and write data to a database. I was additionally able to practice building HTML templates and filling them in with database data using Flask.

Reflection

All of the features we had planned on implementing for this project were completed and the workflow of this project went fairly smoothly. A few minor challenges we encountered involved accidentally deleting our database and encountering merge conflicts in Github.

When presented to students, we received positive feedback that this is a product our target audience would use if deployed.

Want to see WENDI's code or a demo video of our app? Visit my Github or email me at el110@wellesley.edu!