https://github.com/chrisdc777/social-thegram

A simple social media app featuring real-time messaging, user authentication, and a responsive design.
https://github.com/chrisdc777/social-thegram

full-stack mern real-time-chat social-media-app socket-io

Last synced: 6 days ago
JSON representation

A simple social media app featuring real-time messaging, user authentication, and a responsive design.

• Host: GitHub
• URL: https://github.com/chrisdc777/social-thegram
• Owner: ChrisDc777
• Created: 2024-04-03T14:07:33.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-11-01T20:13:07.000Z (2 months ago)
• Last Synced: 2024-11-09T17:12:23.617Z (2 months ago)
• Topics: full-stack, mern, real-time-chat, social-media-app, socket-io
• Language: JavaScript
• Homepage: https://social-thegram.onrender.com
• Size: 6.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


#  TheGram 

TheGram is a social media platform social media platform that offers a range of modern features, including a vibrant home content feed, user authentication, and real-time messaging powered by Socket.IO. (Notifications button is only for display)

![TheGramEg1](https://github.com/user-attachments/assets/0ebf944a-2bf3-478d-8e55-9e212d3fb2b4)

**Real-Time Messaging**

![TheGramChat](https://github.com/user-attachments/assets/f3cea80c-ed5c-42a5-bfa3-ffccee63f292)

If you're interested, you can try building additional features like the Explore page, Reels, Stories and integrating Notifications to enhance your experience further

Please note that if you're accessing the website, it may take a moment to load since it can be spun down with inactivity.

## Installation

Installation is needed in both frontend and backend folders using command

```bash

npm install

```

## Setup .env file

```javascript

PORT=...

MONGO_URI=...

JWT_SECRET=...

CLOUDINARY_CLOUD_NAME=...

CLOUDINARY_API_KEY=...

CLOUDINARY_API_SECRET=...

```

## Start the app

**Note:** You will need to update the start commands for both the frontend and backend, as well as the server startup in the backend, due to the production build of the files. After that use the following commands:

```javascript

// For frontend

npm run dev

// For backend

node server.js

```