/SociLink

Full Stack MERN Social Media Application with Dark Mode

Primary LanguageJavaScript

SociLink

📝 Table of Contents

📖 About

SociLink is a dynamic and innovative social media platform that seamlessly connects people from all walks of life. Built on the powerful MERN (MongoDB, Express.js, React, Node.js) stack.

💻 Built Using

  • Frontend

    • React.js
    • Material UI
    • Redux Toolkit
    • React Router
    • Formik
    • Dropzone
  • Backend

    • Node.js
    • Express.js
    • MongoDB
    • Mongoose
    • bcryptjs
    • crypto
    • multer

🏁 Getting Started

This is an list of needed instructions to set up your project locally, to get a local copy up and running follow these instructuins.

  1. Clone the repository git clone https://github.com/BeshoyMorad/SociLink.git

  2. Navigate to "client" folder and install dependencies cd client npm install

  3. Open a new terminal and navigate to "server" folder and install dependencies cd server npm install

  4. In both terminals run the project npm start

📷 Some Features and Images

🔒 User Authentication

  • Signup
  • Login

signup login


🙍‍♂️ User Profile

  • Profile overview (posts, user information)

profile


📰 Post

  • Create a rich text post
  • Create image post
  • React to a post

homepage react home mobile navbar mobile


☀️ Dark mode

dark dark2


Contributors

Beshoy Morad
Beshoy Morad