https://github.com/itaim18/chitchat

An app that allows you to chat with everyone all over the world!💬
https://github.com/itaim18/chitchat

chat-application firebase firebase-auth js react responsive-design responsive-web-design sass

Last synced: 2 months ago
JSON representation

An app that allows you to chat with everyone all over the world!💬

• Host: GitHub
• URL: https://github.com/itaim18/chitchat
• Owner: itaim18
• Created: 2022-11-10T15:35:35.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-04T15:06:08.000Z (almost 3 years ago)
• Last Synced: 2025-06-08T16:42:22.414Z (about 1 year ago)
• Topics: chat-application, firebase, firebase-auth, js, react, responsive-design, responsive-web-design, sass
• Language: JavaScript
• Homepage: https://chitnchat.netlify.app/login
• Size: 615 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### 🔥 Features

- stores and recieves data from a firestore database.

- handles authentication and the selected chats by context-api.

- custom UI/UX created personally by Sass and inline style objects.

- responsive layout (Desktop:"whatsapp-web" like layout, mobile: "whatsapp-app: like layout.)

- Demo login option.

# 💬[Chit Chat](https://chitnchat.netlify.app/login)



## 💻 Description

Connect with people all around the world uisng chit-chat. send texts and images get notified on unseen messages and see the images in full size if wished.

![](https://github.com/itaim18/ChitChat/blob/master/chat-desktop.jpeg)

> “A person's a person, no matter how small.” 

## 🔧 Technologies

- React.

- Js.

- Sass

- firebase.

- Media queries(responsiveness).

## 📃 Instructions

### To run it locally:

- open your terminal.

- run the following commands:

1. `$ git clone https://github.com/itaim18/ChitChat.git`

2. `$ cd ChitChat && npm install`

3. `$ npm start`

- have a great hacking!

### Manual use:

enter the [site](https://chitnchat.netlify.app/login) sign in with trhe demo user or register to gain access. In the app itself: 

- look for your friend by his username.

- Text him with your message or image.

- you can also display the images sent in full layout.

- see the messages unseen as presented in the sidebar.

- use it with any view port you feel like.

## 🔗Links

[Chit Chat](https://chitnchat.netlify.app/login)

[Linkedin](https://www.linkedin.com/in/itai-mizlish/)

made by [@ItaiM](https://github.com/itaim18)

----