https://github.com/ayushsrivastav0811/chitchat

https://github.com/ayushsrivastav0811/chitchat

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ayushsrivastav0811/chitchat
• Owner: ayushsrivastav0811
• Created: 2022-05-20T14:28:13.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-10-18T04:55:11.000Z (over 2 years ago)
• Last Synced: 2025-01-10T19:27:28.533Z (4 months ago)
• Language: JavaScript
• Homepage: https://tinytalks.herokuapp.com/
• Size: 4.48 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tiny-Talks

Tiny-Talks is a simple realtime chat application based on MERN

Stack where user can message an Individual or Group.

## Features

- Consists of the Google auth and JWT for user SIGN/LOGIN

- Tiny-Talks frontend is implemented with React.js using ChakraUI

along with Redux to handle different states. It also uses Axios to

interact with the backend to send and receive data.

- Tiny-Talks backend is built using NodeJS and Express. It provides

various APIroutes to handle userlogin and signup. It also interacts

with MongoDB databases to save and retrieve data




## TECH STACK 

1. **Frontend** - HTML, CSS, JavaScript, React.js, ChakraUI.

2. **Backend** - Node.js, Express.js.

3. **DataBase** - MongoDB, mongoose.

4. **Hosting Platform** - GitHub,herokuapp

## Run Locally

Clone the project

```bash

  git clone https://github.com/ayushsrivastav0811/Tiny-Talks

```

Go to the project directory

```bash

  cd mern-chat-app

```

Install dependencies

```bash

  npm install

```

```bash

  cd frontend/

  npm install

```

Start the server

```bash

  npm run start

```

Start the Client

```bash

  //open now terminal

  cd frontend

  npm start

```

# Website Screenshots









***Glad to see you here! Show some love by [starring](https://github.com/ayushsrivastav0811/Tiny-Talks) this repo.***

[![Facebook](https://img.shields.io/static/v1.svg?label=follow&message=@ayushsrivastav&color=grey&logo=facebook&style=flat&logoColor=white&colorA=blue)](https://www.facebook.com/ayush.srivastav.7792/)  [![Instagram](https://img.shields.io/static/v1.svg?label=follow&message=@_ayush.srivastav_&color=grey&logo=instagram&style=flat&logoColor=white&colorA=blue)](https://www.instagram.com/_ayush.srivastav_/?hl=en) [![LinkedIn](https://img.shields.io/static/v1.svg?label=connect&message=@ayushsrivastav&color=grey&logo=linkedin&style=flat&logoColor=white&colorA=blue)](https://www.linkedin.com/in/ayushsrivastav0811/) [![Twitter](https://img.shields.io/static/v1.svg?label=connect&message=@Ayush_s_08&color=grey&logo=twitter&style=flat&logoColor=white&colorA=blue)](https://twitter.com/Ayush_s_08)