Hawk Hub (Web Application)

Welcome to Hawk Hub, your ultimate destination for knowing events happening at Wilfrid Laurier University

Comment

Inspiration

Our inspiration for Hawk Hub stemmed from the desire to create a platform where Laurier students could easily connect with the events and activities happening around them. We recognized that there was a need for a centralized hub where students could find all the latest events without having to scour through multiple websites or social media platforms. We wanted to create a space where students could come together, connect with each other, and engage in activities that interest them. By providing an easy-to-use map feature, we aimed to make it as convenient as possible for users to locate and attend the events they are interested in. Overall, our goal with Hawk Hub is to foster a sense of community on campus and provide students with a platform to discover and engage in activities that they are passionate about.

What It Does

Upon accessing the Hawk Hub website, users are directed to a login page where they can securely login with their Google account. Once logged in, users are directed to the homepage where they can easily view all the events created by Laurier students. Navigation throughout the website is made simple with a menu bar located at the top of the screen. The map page provides users with quick access to Google Maps to easily locate their desired event. On the create event page, users can easily create an event by inputting the necessary details, which are then displayed on the homepage for all users to view. Lastly, the calendar page allows users to conveniently access their Google Calendar to input their desired event. By providing a seamless and user-friendly interface, Hawk Hub aims to simplify the process of discovering and attending events for Laurier students.

How It Was Built

Hawk Hub was developed using the online IDE platform, Replit.com, utilizing HTML, JavaScript, and CSS languages to create a seamless user experience. In addition, we integrated several API's through the Google Cloud Console, such as the Calendar and Maps API, to enhance the functionality of the app. To ensure secure and efficient user authentication, we utilized Google Firebase Authentication and also integrated the Realtime Database.

Challenges We Ran Into

During the development process, we encountered several challenges, particularly with integrating Firebase Realtime Database. As it was our first time working with this technology, it took some time to understand how to properly initialize the database and input objects in the desired format. Additionally, the implementation of API's through Google Cloud Console posed its own set of difficulties, particularly with the creation of the Calendar and Map pages. Due to time constraints, it was challenging to complete everything within the given timeframe, but we persevered and are extremely proud of the final product we have created.

Accomplishments That We Are Proud Of

We're proud of the standout Google sign-in authentication feature in our app, which utilizes Firebase Authentication for secure and easy access. The calendar and map pages were also user-friendly and seamless as we integrated the necessary APIs through the Google Cloud Console. However, our biggest achievement was the functional real-time database, which allows efficient storage and retrieval of data in real-time for up-to-date and accessible event information. We're excited for Hawk Hub to help Laurier students discover and attend events with ease.

What We Learned

We gained experience using Google Firebase for sign-ins and a Realtime Database. We also learned more about and improved our abilities in HTML for web page structure, CSS for styling, and JavaScript for added features like selection, adding and removing.

What's Next For Hawk Hub

In the future, we plan to add an attend button on every event displayed on the homepage that automatically adds the event’s details to the user's Google Calendar, making it easier for users to keep track of their schedule. We also aim to implement a chat room feature where users can communicate with each other directly within the app. Our goal is to continuously improve the user experience and make the site more user-friendly.

Share this project:

Updates