C-Spire Network App

MOCKUP - Login
MOCKUP - Speed
MOCKUP - Network/Wifi
MOCKUP - Location
File Transfer

Inspiration

We were inspired by pre-existing user interfaces from similar applications and the design of C-Spire's website and applications. We used C-Spire's icons, app layout, colors, and typography to keep our application consistent with the company's theme. After learning C-Spire uses Flutter to develop their products, we were inspired to use the same framework in our app development.

What it does

Upon launching the mobile application, the user is prompted to enter their email and password. Our goal was that depending on the information given, the user will either be directed to the user page or the admin page, where they can view the results of crowd sourced data to create coverage maps. The network performance data that is displayed on the app was intended to come from the user's device and display signal strength, physical location, ping, jitter, network type, and throughput.

How we built it

For backend, we used mostly Firebase as the framework for user authentication because it requires less code and is able to monitor the performance of the app. We used VS code as the IDE and Flutter to create the frontend of the application and deployed the app to both iOS and Android emulator devices.

Challenges we ran into

One of our biggest challenges was learning how to install Visual Studio Code with the Flutter extension and setting up our Android emulation on macOS. Due to time constraints, we were unable to create the Admin Login, visualizations, different app pages, or finish the centralized database. We have the implementation to get the user's location, but we could not get a response to test the accuracy of the information. We attempted to use GitHub pages to create a website. Although we were able to create a working URL along with HTML and CSS code, the code was not displayed on the website.

Accomplishments that we're proud of

We were successfully able to create a login page that accepts the user's email and password. Despite having trouble setting up VS Code and Flutter on macOS at first, we successfully created a mockup of our app that effectively displays what we had envisioned as our end goal.

What we learned

We learned about APIs, their purpose, and how they are created. We learned more about the process of creating a mobile app and website and the different software that can be used.