Inspiration

Cooperative Living Organization Providing Affordable Housing for UF and Santa Fe Students Since 1931

CLO is a student-run organization that exists to provide affordable housing to students from the University of Florida and Santa Fe College. Residents live life alongside one another and work together to maintain the values of the organization. As a co-op, the facilities are maintained completely by students who live at CLO. Residents work around two hours a week to contribute back to the organization.

CLO houses 80 residents, at two residents per room. There are individual buildings for both men and women housing, with a commons building located between them.

What can I contribute? CLO’s greatest resource is the students who live here! Every resident at CLO has something unique to offer, working together for the good of the house. There are many roles in such a large organization! Beyond officers and board members, we have crews for the lawn, building maintenance, and upkeep of all of common areas. Everyone brings in skills and knowledge that help in running CLO. Residents come from every culture and background. Greater diversity creates greater possibilities!

What it does

CLapp provides all 80 members of CLO with an easy, secure, and unified scheduling platform for their responsibilities. Using CLapp, each member can choose their maintenance details, trade details with other members, and view their schedule anywhere and any time without having to install any applications.

How I built it

CLapp is an application that lives and works strictly on the cloud.

Frontend: The app is written in React and takes advantage of the FullCalendar Javascript Calendar and its built-in React and REST API connectors.

Backend: CLapp's behind the scenes data is held in a Firebase Realtime Database. The Firebase REST API is used to both populate the user's calendar info and receive updated and new information from the client.

Challenges I ran into

Fullcalendar's rendering logic paired with React took some getting used to and we had some difficulty choosing between a Realtime Database or Firestore for our project. Ultimately, we were able to understand how Fullcalendar handles rendering and re-rendering, and are using a Realtime Database to ensure the data stays synchronized between multiple users and devices.

Accomplishments that I'm proud of

Getting the calendar to add events in real-time using data from our database was very satisfying. Whenever another user makes an update, your local session will reflect those changes automatically without having to refresh the site.

What I learned

  • How to incorporate the Firebase API into a React App, and the efficiency of the Firebase service.
  • Managing the dev environment with Node Version Manager nvm
  • Using Firebase Console to quickly spool up an app and its services
  • Troubleshooting the backend using Realtime Database reports and analytics

What's next for CLapp

Integration with Google Secure Sign On API for authentication and permissions Implementation of detail trade feature Deployment to the official CLO Living website

Built With

Share this project:

Updates