Sparrow Chat

Asaia | Tim | Vinicius | William | Lawrence

---

What is Sparrow Chat app?

Sparrow Chat is born out of a group project at Code the Dream to gain experience working on a development team and on a real-world, deployable project.

Sparrow Chat is a responsive web chat app in React that uses Firebase services such as Cloud Firestore database to store chatroom messages and Firebase Authentication to sign in using Google sign-in.

Users enter the landing page to sign in, then are routed to our chat room. Here, the main content window displays all messages. The left pane reveals all the users in the chat room and the bottom input field is where users can type and send messages. The navbar displays our Sparrow logo and the sign-out button.

Below is a look at our chat app built and deployed in a span of 8 weeks:

Getting Started

How to access our deployed app:

https://sparrow-chat-f6e4c.web.app

How to run the app locally:

Set up the Firebase project

Firebase is a service that provides us with a free-to-use database for personal websites/applications, acting as the backend of our app.

To add Firebase to the chat application:

• sign up for a free account
• access the Firebase console
• create a new project
• register the Firebase web app

Navigate to your terminal

git clone git@github.com:badgerbadgers/ctd-sparrow-chat-app.git

npm install

npm start

Thank you

We want to extend our thanks to Code the Dream - Mary Alice Moore, Lori Khamala, and the rest of the crew - for providing a space to collaborate and practice working in a development team.

React Mentors:

• Justin Kong
• Jared Siirila
• Elijah Bernstein-Cooper
• Karson Kalt
• Michael Howey
• Lin Clark

Practicum Mentors:

• Justin Kong
• Murial Anindo
• Frank Stepanski