Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The message input has been converted into a textarea #50

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
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