Giter VIP home page Giter VIP logo

mahmoud-khalil8 / social-network Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 4.13 MB

feature-rich social networking platform built using Node.js, MongoDB, and Socket.IO.users can connect and interact with each other through various functionalities including posting updates, replying, retweeting, following, unfollowing, searching for posts and users, receiving real-time notifications, messaging, and customizing profiles.

JavaScript 64.82% CSS 17.55% Pug 17.63%

social-network's Introduction


Social Network App

2024-03-29.22-36-03.online-video-cutter.com.mp4

This is

a social network application built using Node.js, Express.js, MongoDB, and other technologies. It allows users to create accounts, post messages, follow other users, send messages, receive notifications, and more.

Table of Contents

Introduction

This social network app provides a platform for users to connect, share their thoughts, follow others, and engage in conversations. It is designed to be user-friendly, responsive, and scalable.

Features

  • User Authentication: Users can sign up and log in securely.
  • Posting: Users can create posts, including text, images, and links.
  • Following/Followers: Users can follow/unfollow other users to see their posts.
  • Messaging: Users can send direct messages to each other.
  • Notifications: Users receive notifications for new followers, likes, retweets, replies, and messages.
  • Profile Management: Users can update their profile picture, cover photo, and other details.
  • Search: Users can search for posts and other users.
  • Real-time Updates: Chat messages and notifications are delivered in real-time using Socket.IO.
  • Responsive Design: The application is designed to work seamlessly across various devices and screen sizes.

Installation

To run this application locally, follow these steps:

  1. Clone the repository:

    git clone [https://github.com/your-username/social-network-app.git](https://github.com/mahmoud-khalil8/social-network.git)
  2. Navigate to the project directory:

  3. Install dependencies:

    npm install
  4. Set up your environment variables:

    • Create a .env file in the root directory.
    • Add environment variables such as DATABASE_URL
  5. Start the server:

    node index.js
  6. Access the application at http://localhost:3000 in your web browser.

Usage

  • Register for an account or log in if you already have one.
  • Explore posts from other users on the home page.
  • Follow users whose posts you find interesting.
  • Create your own posts and engage with others by liking, retweeting, and replying.
  • Send direct messages to other users.
  • Customize your profile with a profile picture, cover photo, and bio.
  • Stay updated with notifications for new activities.

Technologies Used

  • Node.js
  • Express.js
  • MongoDB
  • Pug (formerly known as Jade)
  • Bootstrap
  • Socket.IO
  • FontAwesome
  • Cropper.js

social-network's People

Contributors

mahmoud-khalil8 avatar

Stargazers

Abdalla Hassan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.