Classroom Clans

Classroom Clans transforms class attendance into a thrilling, competitive game, motivating students to take accountability for their education in a fun and collaborative environment. Compatible with any device, our app encourages consistent attendance and fosters a supportive community among students.

Inspiration

We were inspired by the potential to gamify everyday tasks, like attending class, to enhance motivation and engagement. By integrating elements of fantasy sports, we aimed to make education more engaging and interactive.

What it does

Classroom Clans allows students to form leagues, compete with friends, and earn points for attending classes. It visualizes attendance statistics through dynamic, animated graphs, making progress tracking both intuitive and enjoyable.

How we built it

We leveraged the Expo framework for its cross-platform capabilities and React-like development experience. Our tech stack includes:

Expo: For seamless, cross-platform app development.
Tamagui: To create dynamic components and implement a responsive design system.
React-Native SVG: For designing animated, informative graphs.
Firebase: For user authentication and real-time data storage with Firestore.

Tech Stack Diagram

\begin{tikzpicture}[node distance=2cm]
    \node (expo) [startstop] {Expo};
    \node (tamagui) [startstop, below of=expo] {Tamagui};
    \node (svg) [startstop, right of=tamagui, xshift=2cm] {React-Native SVG};
    \node (firebase) [startstop, below of=tamagui] {Firebase};
    \node (auth) [process, below of=firebase, xshift=-1.5cm] {Authentication};
    \node (firestore) [process, below of=firebase, xshift=1.5cm] {Firestore};

    \draw [arrow] (expo) -- (tamagui);
    \draw [arrow] (tamagui) -- (svg);
    \draw [arrow] (tamagui) -- (firebase);
    \draw [arrow] (firebase) -- (auth);
    \draw [arrow] (firebase) -- (firestore);
\end{tikzpicture}

Challenges we ran into

Integrating various frameworks and libraries presented technical and design challenges, particularly in ensuring compatibility across platforms. The learning curve for new technologies and the iterative trial-and-error process of debugging were significant hurdles.

Accomplishments that we're proud of

We're proud of our rapid acquisition of knowledge in Expo, Firebase, and cloud development. Implementing a dynamic and responsive UI with Tamagui and creating engaging visualizations with React-Native SVG were key achievements.

What we learned

We gained invaluable experience in cross-platform app development, effective use of Firebase for real-time data handling, and the intricacies of designing intuitive UI/UX with advanced component libraries.

What's next for Classroom Clans

Future enhancements include introducing features to upload and vote on class notes and developing an engagement tracking system that monitors app usage during class to gauge attentiveness.