Inspiration

When the World Bank of Projects staff was taken captive by the Heist Team, all their communication with the outside world was cut off!! With no way to connect social media, how were they supposed to mindlessly scroll through fail videos on TikTok, or compare themselves to edited, unrealistic beauty standards on Instagram, or text people they barely talk to in real life on SnapChat?!!

Something had to be done about this, so we at DreamTeam decided to make Captive-Chat!!

Now for a small fee, all captives in the bank can connect with one another on the world's first in-house (or should we say in-bank) social media platform. While you might not be able to check-up on your friends outside the bank, you can use what could possibly be your last hour on earth making new friends INSIDE the bank!! Check out what Anna from accounting plans to do for the summer (if she survives the heist), or slide into Jake from Marketing's DMs (you know you've been wanting to!!)

Captive-Chat: connecting the World Bank of Projects employees since 2022!!

What it does

Captive-Chat provides a safe space for every hostage to connect with each other in the wake of their inability to communicate with the outside world.

How we built it

Tools used: ReactJS, Firebase, BootStrap, HTML, CSS, and EmailJS

We used ReactJS and Bootstrap to make our landing, sign-up, contact, and home pages. We then utilized EmailJS and Firebase to set up a backend and routing that allows users to make accounts as well as contact us (the developers)

We also used Firebase to set up our chat system that allows our users to communicate with each other

Challenges we ran into

1) For quite a while, we struggled with authentication for our Navbars, specifically with making certain nav items only show up when a user is signed in.

2) Learning BootStrap was quite a challenge, specifically learning how to use it for routing purposes

3) Using Firebase for authentication and making the chat-app was quite a challenge, but luckily YouTube and mentors were there to help!!

Accomplishments that we're proud of

We took a silly idea that didn't exist ever, and made it into reality. Like, for 14 billion years Captive-Chat (at least ours) didn't exist and now it does. That's pretty cool.

Also we mostly didn't have any idea what we were doing, but we did it anyways.

What we learned

How to use BootStrap and ReactJS together, as well as how to use Firebase

What's next for Captive-Chat

Adding more chat rooms, functionality for DMs, adding a friends-list, and adding stories.

Share this project:

Updates