https://github.com/tanay-dwivedi/social-media-site

https://github.com/tanay-dwivedi/social-media-site

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/tanay-dwivedi/social-media-site
• Owner: Tanay-Dwivedi
• License: mit
• Created: 2022-11-02T07:57:47.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-02T08:34:53.000Z (almost 3 years ago)
• Last Synced: 2025-07-09T16:09:36.288Z (4 months ago)
• Language: JavaScript
• Size: 3.47 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
 



# HI-CON





![Open-Source](https://img.shields.io/badge/-OPEN--SOURCE-%236fff00?style=for-the-badge&logo=github)

![GitHub repo size](https://img.shields.io/github/repo-size//Social-Media-Platform?color=green&label=SIZE&logo=github&style=for-the-badge)

![GitHub Repo stars](https://img.shields.io/github/stars//Social-Media-Platform?color=%2381f200&logo=github&style=for-the-badge)

![GitHub forks](https://img.shields.io/github/forks//Social-Media-Platform?color=%2300c8ff&logo=github&style=for-the-badge)

![GitHub issues](https://img.shields.io/github/issues//Social-Media-Platform?color=%23f6ff00&logo=github&style=for-the-badge)

[![Discord](https://img.shields.io/badge/-Discord-%2300d5ff?style=for-the-badge&logo=Discord&color=39c3ed&url=https://t.me/joinchat/YaYtDpKRN6A2Njg1)](https://discord.gg/gtQSQmyu)





**A Social Media Platform which aims to connect the people around the world so as they can share their memories, photos, videos and communicate from any part of world.HI-CON provides secured one-to-one text and voice-video call facility to the users for better communication.**








## Technologies Used

![JavaScript](https://img.shields.io/badge/-javascript-white?style=for-the-badge&logo=javascript&logoColor=white&logoWidth=20&color=F1DB4E) ![ReactJS](https://img.shields.io/badge/-React-orange?color=09D9FE&style=for-the-badge&logo=React&logoColor=white&logoWidth=20) ![Sass](https://img.shields.io/badge/-sass-white?style=for-the-badge&logo=sass&logoColor=white&logoWidth=20&color=CD679B) ![HTML5](https://img.shields.io/badge/-HTML5-white?color=ff6529&style=for-the-badge&logo=HTML5&logoColor=white&logoWidth=20) ![Express](https://img.shields.io/badge/-Express-orange?color=8BBF3F&style=for-the-badge&logo=Express&logoColor=white&logoWidth=20) ![MongoDB](https://img.shields.io/badge/-mongodb-white?style=for-the-badge&logo=mongodb&logoColor=white&logoWidth=20&color=40A03B) ![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)



## Want to Contribute in this project? 🚀

Here are the steps you need to do:

1. **Fork** this repo in your profile.

2. **Clone the forked repository** in your system, by using this command in your Git bash/Command Prompt. 


   Make sure you replace `` with your Github username

   ```

   git clone https://github.com//Social-Media-Platform.git

   ```

3. Go to project directory `Social-Media-Platform` in terminal, using following command.

   ```

   cd Social-Media-Platform

   ```

4. Make a seperate **branch**, other than main, to make changes in this project.

   ```

   git branch 

   ```

5. Split your terminal (or open 2 terminals). In first terminal, go to `Server side` directory and install the necessary node dependencies. If you are confused, then use following commands:

   ```

   cd Server side

   npm install

   ```

6. Make `.env` file using `.env.example` file and add your Google, Facebook and Twitter client ID and Secrets. Use following command to copy the `.env.example`.

   ```

   cp .env .env.example

   ```

7. Run the Server side using the following command:

   ```

   npm start

   ```

8. In second terminal, go to `Client side` directory and install the necessary node dependencies and run the client side using `npm start`. If you are confused, then use following commands:

   ```

   cd Client side

   npm install

   npm start

   ```

9. Open https://localhost:3000 on your browser to see the project running.