https://github.com/mohammed785/socialmediaapp
Social Media App using (React , Express, Socket.io, MySQL )
https://github.com/mohammed785/socialmediaapp
boostrap5 expressjs mysql prisma react react-router-dom redis social-media socket-io typescript
Last synced: 5 months ago
JSON representation
Social Media App using (React , Express, Socket.io, MySQL )
- Host: GitHub
- URL: https://github.com/mohammed785/socialmediaapp
- Owner: Mohammed785
- Created: 2022-06-24T11:20:32.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-08-06T11:57:15.000Z (almost 4 years ago)
- Last Synced: 2023-05-03T21:22:57.761Z (about 3 years ago)
- Topics: boostrap5, expressjs, mysql, prisma, react, react-router-dom, redis, social-media, socket-io, typescript
- Language: TypeScript
- Homepage:
- Size: 1.57 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Social Media Site
## Features
* Sign in, Sign up
* CRUD on posts(with images and captions)
* Save posts you liked
* Block comment on your post
* Comment on post
* Create stories(text or image)
* React to other posts and comments
* Send friend requests or block others
* Create group or join them
* Create post for certain group
* Chat friends in realtime
* Live notification
## Technologies
* **Front-end**: React, Bootstrap
* **Back-end**: NodeJS (Express), MySQL, Socket.io
## How to Install and Run
### Install package
* **```$ cd server/ and npm install```** to install packages for server-side
* **```$ cd client/ and npm install```** to install packages for client-side
### Run app
* **```$ cd server/ and npm start```** to run server
* **```$ cd client/ and npm start```** to run client
## NOTE
* You can change database connection in **```./server/.env```**
* Config host to localhost to load images in **```./client/.env```** create ```REACT_APP_STATIC_PATH ```