Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,8 @@

# production
/build

.gitignore
.env
# misc
.DS_Store
.env.local
Expand Down
66 changes: 63 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,67 @@
# React Firebase Super Chat

A simple fullstack chat demo with React and Firebase.
This is a super chat application developed using React, Tailwind CSS, and Firebase for authentication and database operations.

Watch on full [React Firebase Chat Tutorial](https://youtu.be/zQyrwxMPm88) on YouTube.
## Prerequisites

[Live demo](https://fireship-demos.web.app/)
Before you begin, ensure you have met the following requirements:

* You have installed the latest version of Node.js and npm.
* You have a Windows/Linux/Mac machine. This project supports all three operating systems.

## Installing React Firebase Super Chat

To install React Firebase Super Chat, follow these steps:

1. Open your terminal/command prompt.
2. Clone this repository:

```
git clone https://github.com/fireship-io/react-firebase-chat.git
```

3. Navigate into the cloned repository:

```
cd react-firebase-chat
```

4. Install the dependencies:

```
npm install
```

## Running the App

To run the app, follow these steps:

1. Start the app:

```
npm start
```

This will run the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console.

## Live Demo

You can view a live demo of the application [here](https://fireship-demos.web.app/).

## YouTube Tutorial

For a step-by-step guide on how to build this application, you can follow along with the tutorial on [YouTube](https://www.youtube.com/watch?v=zQyrwxMPm88).

## Contributing to React Firebase Super Chat

To contribute to React Firebase Super Chat, follow these steps:

1. Fork this repository.
2. Create a branch: `git checkout -b <branch_name>`.
3. Make your changes and commit them: `git commit -m '<commit_message>'`
4. Push to the original branch: `git push origin <project_name>/<location>`
5. Create the pull request.

Alternatively see the GitHub documentation on [creating a pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request).

Please note that this project is released with a [Contributor Code of Conduct](https://www.contributor-covenant.org/version/2/0/code_of_conduct/). By participating in this project you agree to abide by its terms.
Loading