https://github.com/adlarx9/tweeter

A global chatbox where anybody can discuss on the chat in real-time
https://github.com/adlarx9/tweeter

chatbox express mongodb react real-time socket-io twitter

Last synced: 2 months ago
JSON representation

A global chatbox where anybody can discuss on the chat in real-time

• Host: GitHub
• URL: https://github.com/adlarx9/tweeter
• Owner: AdlarX9
• Created: 2025-02-08T18:20:23.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-28T18:40:58.000Z (about 1 year ago)
• Last Synced: 2025-06-25T07:47:05.820Z (12 months ago)
• Topics: chatbox, express, mongodb, react, real-time, socket-io, twitter
• Language: JavaScript
• Homepage: https://tweeter.pifpafdeluxe.fr
• Size: 699 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tweeter

## Overview

Tweeter is a social network platform that allows users to create an account and engage in real-time discussions within a global feed shared by all users.

## Running the Project

To run the application, simply execute the following command, ensuring that Docker is correctly installed and configured on your machine, and that you are in the root directory of the project:

```bash

docker compose up --build

```

And that's it! Visit `http://localhost:5173/` to see the site in action.

> *Note: You can add a `api/.env` file and define `MONGODB_ADDRESS` (default: `mongodb://mongo:27017/tweeter`) if you wish to use a MongoDB Atlas Cluster.

Also, define `TOKEN` to override the authentication tokens used by the application.  

The `PORT` variable can also be defined in this file, but it is not recommended to use a port other than 3001, as networking is managed by Docker in this setup.*

You can find more detailed information in the other `README.md` files located in the [`api`](api/README.md), [`native`](native/README.md), and [`web`](web/README.md) directories.

## Examples

> ![main](examples/main.png)  

> *The main page when logged in*

> ![disconnected](examples/disconnected.png)  

> *The main page when not logged in*

> ![login](examples/login.png)  

> *The input fields for logging in or creating an account*

> ![main_dark](examples/main_dark.png)  

> *A preview of dark mode on the main page*