Clubs Net

An app where UTD students can get information about various clubs and personalize their club interests!

Comment

Inspiration

UTD is known as a commuter school. With this, it’s often difficult for commuters, as well as students who live on campus, to get involved on campus. Additionally, we noticed that UTD’s club listing website and UTD app are disorganized and hard to navigate. As a result, many clubs use Instagram and/or Discord to relay their information. However, not everyone has Instagram and/or Discord and sometimes information can be delayed. In order to solve this issue, we decided to make Clubs Net! In terms of the layout of the app, we were inspired by Spotify’s mobile app design and the features on the UTD app.

What it does

Clubs Net is an app where UTD students can get information about various clubs and personalize their club interests. When the user first launches the app, they’ll be able to select categories and clubs that they’re interested in. Then, they’ll be directed to the homepage where they can see their favorite clubs and recently viewed clubs. The app includes a page that lists all the clubs in case the user wants to discover more clubs

How we built it

Figma: We used Figma to wireframe our app and plan user flow.

Photoshop: We used Photoshop to create the logo for the app.

Xcode & SwiftUI: We built our app using SwiftUI as the framework and Xcode as our platform.

UTD Organization API: We used the presence.io API to retrieve information about all of the clubs at UTD. This means that data is pulled from the same source as is used by the current official UTD clubs website.

Challenges we ran into

One challenge we ran into was accessing only the categories from the UTD Organization API and making it show up on the app. Initially, it was difficult to find a way to efficiently discover the list of possible organization types, because this information was not provided directly by the API. Another challenge was retrieving the appropriate clubs based on the category the user selected on the next screen. We also had trouble with properly detecting which clubs they selected--the code only worked if the user tapped on the title of the club, instead of the whole rectangle. We tried adding a star and filling it once the user tapped on it, but by using this method, the favorited clubs didn’t show up on the home page.

Accomplishments that we're proud of

Our biggest accomplishment was pulling specific data from the UTD Organization API. Although this included a few challenges, we were able to correctly access information from the UTD Organization API and then retrieve the clubs based on the category the user selected on the next screen. We were able to achieve a smooth UI design for the sake of having an MVP.

What we learned

We learned how to retrieve data from an API and more about the intricacies of SwiftUI, especially buttons. We also learned more about user flow.

What's next for Clubs Net

In the future, we plan on improving the app’s UI design. We want to save the user’s recently viewed and favorited clubs every time they close and open the app. We also want to add an announcements page, where club officers from different clubs can post announcements about upcoming events. Within that announcements page, we want to add a filter feature, where the user can filter their announcements based on clubs they favorited. With this, we want to include a user flow for club officers, where they create a profile for their club. Additionally, in order to broaden our audience, we want to develop the app for Android and other non-iOS devices. Lastly, we want to add smaller features: include contact links, pay club fees (Apple pay, QR code), and enable notifications for upcoming events.

Built With

Share this project:

Updates