Skip to content

Priyanshu471/ConvoZone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ConvoZone

Welcome to the Chat App built with React, Firebase, and Tailwind! This app allows users to sign up, sign in, and log out of their account. They can also share messages, share images and search for other users. To get started, make sure you have the latest version of Node.js installed on your computer. You can download it from the official website (https://nodejs.org).

Live

https://convozone.netlify.app/

Installation

1.Clone the repository to your local machine.

2.Navigate to the project directory and run npm install to install all the required dependencies.

3.Create a new Firebase project and add your Firebase configuration details to the firebase.js file. You can find these details in the Firebase console.

4.Run npm start to start the development server.

Features

Sign Up

To sign up, users need to provide a username, email address, and password. Once the sign-up process is complete, the user will be redirected to the main chat page.

Sign In

Existing users can sign in by providing their email address and password. Once the sign-in process is complete, the user will be redirected to the main chat page.

Log Out

Users can log out of their account by clicking on the "Log Out" button in the top right corner of the app.

Share Messages

Users can share messages with other users in real-time. The messages are displayed in a chat window with the user's profile picture, username.

Share Images

Users can share images with other users in real-time. The images are displayed in the chat window along with the user's profile picture, username.

Search Users

Users can search for other users by entering their username in the search bar. The app will display a list of users that match the search query.

Technologies Used

  • React
  • React Context API
  • Firebase
  • Tailwind CSS

Credits

This app was built by Priyanshu Mishra as a learning project. Feel free to use it as a starting point for your own projects!