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.
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