Skip to content

justinpv98/tantan-chat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Tantan is a chat application that implements most of the features one would expect ranging from image uploads to gifs to emojis.

Table of Contents

(back to top)

About the Project

Technologies

Typescript React React Query Socket.io PostgreSQL

Features

  • Send real-time messages with a friend, or find users to chat with
  • Choose to send text messages, images under 2mb, or gifs
  • Chat with more than one user at a time with group chat
  • Customize your group chat name or avatar

(back to top)

Screenshots

(back to top)

Getting Started

Prerequisites

Create an .env file in the client folder, and enter fields as such:

VITE_SERVER_URL = [base url for your server here]
VITE_TENOR_API_KEY = [api key from google cloud console]
VITE_TENOR_CLIENT_KEY = [custom client key you make up]

Then, create an .env file in the server folder, and input your API key as such:

CLOUDINARY_CLOUD_NAME = [cloud name provided by cloudinary]
CLOUDINARY_API_KEY = [your cloudinary api key]
CLOUDINARY_API_SECRET = [your cloudinary api secret]
CLIENT_URL = [base url of client]
PORT = [port you want server to run on]
SESSION_SECRET = [custom secret for sessions]
PGHOST=[postgres host name]
PGUSER=[postgres user]
PGDATABASE=[name of postgres database]
PGPASSWORD=[password for postgres user]
PGPORT=[port postgres is running on]

Installation

Clone the repo and install through your method of choice.

$ git clone https://github.com/justinpv98/tantan-chat.git
$ cd tantan-chat
$ npm install

Run a development server.

$ cd client
$ npm run dev

$ cd server
$ npm run dev

(back to top)

Contributing

Contributions, issues and feature requests are welcome.

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)