Giter Site home page Giter Site logo

socail_media's Introduction

Social Media Project

A comprehensive social media platform developed using the MERN stack, offering a range of features for users and administrators.

๐Ÿ“Œ Table of Contents

๐Ÿš€ Features

User Authentication

  • ๐Ÿ” Login: Users can log in using their email.
  • ๐Ÿšช Logout: Users can log out.
  • ๐Ÿ•ต๏ธโ€โ™‚๏ธ Password Recovery: Users can recover forgotten passwords.

Post Management

  • ๐Ÿ“ Upload Posts: Users can upload posts.
  • ๐Ÿ‘€ View Posts: Users can view posts.
  • โค๏ธ Interact with Posts: Users can like, comment, and share posts.
  • ๐Ÿ“ˆ View Counts: Users can see the count of likes and comments.
  • ๐Ÿ—‘๏ธ Delete Posts: Users can delete their own posts.

User Profiles

  • ๐Ÿ‘ค View/Edit Profiles: Users can view and edit their profiles.
  • ๐Ÿ‘ฅ Following/Followers Lists: Users can see their following and followers lists.
  • ๐Ÿ” Search Users: Users can search for other users.
  • ๐Ÿง‘โ€๐Ÿ’ป View Others' Profiles/Posts: Users can view other users' profiles and posts.
  • โž• Follow/Unfollow: Users can follow and unfollow other users.

Administrative Functionalities

  • ๐Ÿ›ก๏ธ Login/Logout: Admins can log in and log out.
  • ๐Ÿ” User Management: Admins can view all users, search for users, and view each user's profile and posts.
  • ๐Ÿ—‘๏ธ Post Deletion: Admins can delete posts and users.

๐Ÿš€ Real-Time Features

  • Real-time updates for likes and comments using Socket.io

๐ŸŒ Additional User Interaction

  • Users can share posts with a URL to non-logged-in users.

๐Ÿ’ป Technologies Used

Backend

  • MongoDB: ๐Ÿ“ NoSQL database for user data, posts, and other information.
  • Express.js: ๐Ÿš€ Backend web application framework for handling HTTP requests and routes.
  • Node.js: ๐Ÿš€ JavaScript runtime environment for server-side development.
  • Express-session: ๐Ÿ” Middleware for handling user sessions.
  • Helmet: ๐Ÿ›ก๏ธ Middleware to enhance Express app security by setting various HTTP headers.
  • Nodemailer: ๐Ÿ“ฌ Module for sending emails to users, e.g., for password reset functionality.
  • Bcrypt: ๐Ÿ”’ Library for hashing and salting passwords to enhance security.
  • Socket.io: ๐Ÿš€ Library for real-time, bidirectional, and event-based communication.

Frontend

  • React: โš›๏ธ JavaScript library for building dynamic and responsive user interfaces.
  • React Bootstrap: ๐Ÿš€ Popular front-end framework for creating a visually appealing UI.
  • Axios: ๐Ÿš€ Promise-based HTTP client for making API requests.
  • Fuse.js: ๐Ÿ” Fuzzy-search library for efficient and flexible searching.
  • React Icons: ๐Ÿ”ง Collection of customizable SVG icons for React applications.

๐Ÿ“– Usage

1. Clone the repository:

git clone https://github.com/your-username/social-media-project.git
cd social-media-project

socail_media's People

Contributors

anasklbm 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.