Inspiration

The inspiration for LoopIn came directly from our own experience as students at RCC Institute of Information Technology (RCCIIT). We saw a campus full of vibrant activities and talented people, but the digital tools connecting us were fragmented and chaotic. Important announcements were lost in dozens of separate WhatsApp groups, finding academic help was a matter of luck, and there was no central place to discover events or connect with peers who had shared interests. We were inspired to build a single, unified "super-app" to eliminate this digital noise and create a truly connected campus where no student ever feels out of the loop.

What it does

LoopIn is a one-stop Progressive Web App (PWA) that consolidates all aspects of campus life into a single, intuitive platform. It allows students to discover and RSVP for events, find mentors through a skill-exchange system, and engage with the community via a student-run blog and public chatrooms. For administrators, it offers a powerful dashboard to manage content, users, and send platform-wide notifications. Woven throughout the app are AI-powered assistants that help users find information, generate content, and receive personalized recommendations, making campus life more accessible and engaging for everyone.

How we built it

We built LoopIn using a modern, scalable, and secure tech stack centered around Google technologies. The frontend is built with Next.js and React, providing a fast and responsive user experience, with styling handled by Tailwind CSS and ShadCN UI for a clean, modern aesthetic.

The entire backend is powered by Firebase. We use Firestore as our real-time NoSQL database, Firebase Authentication for seamless and secure user sign-in, App Hosting for reliable deployment, and Firebase Cloud Messaging (FCM) to deliver push notifications.

All of the intelligence in LoopIn is driven by Google AI. We used Genkit, an open-source TypeScript framework, to orchestrate calls to the Gemini models. This allowed us to easily build and integrate various AI agents, from a campus-aware FAQ bot to contextual assistants that help with content creation.

Challenges we ran into

One of the biggest challenges was architecting the real-time features securely and efficiently. Designing the Firestore security rules was a complex process; we had to ensure they were strict enough to prevent unauthorized access while being flexible enough to not break features like chat, event RSVPs, or admin approvals. Another challenge was integrating the AI features in a way that felt natural and genuinely helpful, rather than just a gimmick. This required careful prompt engineering and designing flows in Genkit that could handle varied user inputs and contexts gracefully. Finally, ensuring the app was performant and responsive, especially with real-time listeners for notifications and chats, required continuous optimization.

Accomplishments that we're proud of

We are incredibly proud of creating a comprehensive, feature-rich platform that directly addresses a real-world problem we faced ourselves. The seamless integration of AI is a major accomplishment; the AI assistants genuinely enhance the user experience by making information more accessible and content creation easier. We're also proud of the robust security model implemented through Firestore rules, ensuring the platform is a safe space for students. Finally, building a fully functional Progressive Web App (PWA) that is installable and provides native features like push notifications is an accomplishment that makes LoopIn feel like a polished, professional product.

What we learned

This project was a tremendous learning experience. We deepened our expertise in the entire full-stack development process, from frontend design with Next.js to complex backend logic with Firebase. Architecting a scalable and secure Firestore database taught us invaluable lessons about data modeling and security rules. The most significant learning curve was with Genkit and the Gemini API; we learned how to effectively prompt large language models, structure their outputs with schemas, and build agentic, multi-step flows that can serve various functions across an application. We also learned the importance of a user-centric approach, constantly thinking about how each feature would solve a real problem for a student.

What's next for Loopin-Your Campus, Connected.

The future for LoopIn is exciting. Our immediate next step is to run a pilot program with a group of students at RCCIIT to gather real-world feedback and refine the existing features. Following that, we plan to introduce more advanced AI capabilities, such as a personalized AI tutor that can assist with coursework. We also aim to expand the platform's reach by creating a streamlined process that would allow other colleges and universities to easily deploy their own customized instance of LoopIn, making it the go-to solution for creating connected campus communities everywhere.

Built With

Share this project:

Updates