Coder Social

An social media app Coder Social build with ReactJS , NodeJS , MongoDB, Express, Redux Toolkit , Socket.io and Typescript

2022-06-21.20-07-25.online-video-cutter.com.mp4

Live Site

Backend API

Tech

• UI: React JS
• Routing: React Router V6
• Backend: Express JS
• ORM: Mongoose
• Database: MongoDB
• Image Upload: Cloudinary
• Notification: Socket.io
• State Management Redux Toolkit
• Testing: TODO:

Features

• User Authorization
  • Login
  • Signup User
  • Oauth (Twitter , Google , Github) (Maintaince)
  • Forgot Password
  • Reset Password
• Profile
  • View Profile
  • Edit Profile
  • Delete Profile
  • Follow User
• Post
  • Create Post
  • Update Post
  • Delete Post
  • Like
  • Unicorn
  • Bookmark Post
  • Create and Add Tags to Post
• Comment and Reply
  • Create Comment and Reply
  • Delete , Update Comment
  • Like Comment
• Reading List
• Tags
  • Follow Tags
  • Find Posts by Tags
• Search Posts
• Real-time Notifications
• Loader

How to setup locally

Run On Local Machine

git clone https://github.com/1SAURABHKUMAR1/Coder-Social.git

Setup

Go to the project directory

  cd Coder-Social

Install dependencies for Frontend

  cd Frontend
  npm install

Install dependencies for Backend

  cd Backend
  npm install

Start the server

  npm run start

Env Files

In Frontend

REACT_APP_API_URL =
REACT_APP_SOCKET_IO_URL =

In Backend

PORT =
MONGODB_URL =
JWT_REFRESH_SECRET =
JWT_REFRESH_EXPIRY =
JWT_ACCESS_TOKEN =
JWT_ACCESS_EXPIRY =
FORGOT_PASSWORD_EXPIRY =
COOKIE_EXPIRE_DAY =
ACCESS_COOKIE_EXPIRE_DAY =
CLOUDINARY_NAME =
CLOUDINARY_API_KEY =
CLOUDINARY_API_SECRET =
SMTP_HOST =
SMTP_PORT =
SMTP_USER =
SMTP_PASS =
SENDER_MAIL =
CLIENT_URL =
GOOGLE_CLIENT_ID =
GOOGLE_CLIENT_SECRET =

Screenshots

Login / Signup

Change Password

View And Edit Profile And Delete Profile

New Post

Edit Post And Delete Post

Comments and Replies

Follow Tags

Screenshot (203)

Reading List

Real-time Notifications

Search

👨‍💻 lets connect !