/picsgram

A mini-MERN social website like Instagram. Deployed.

Primary LanguageJavaScript

Social Connect-Mini MERN Social Website



Description

This is a mini Instagram-like social website.This website covers all basic functionalities of Instagram like posting pictures, updating profile, profile visits, follow/unfollow users, commenting/like/unlike posts, explore, search user, delete posts, etc.

Deployed website- https://picsgram31.herokuapp.com/





Screenshots-

Profile page

Home page(To see the posts of accounts you follow)

Explore page(To see the posts of accounts you dont't follow)

Search for users

Post detail page(To see the post with comment details)

Other user profile visit

Check your/other user's followers/following with option to follow if you aren't


To do-

  1. Email verification of users,reset password.
  2. Private accounts and hence introduce follow requests instead of directly following.
  3. Notifications.
  4. Delete user.

Run using Command Prompt

clone the repository, install react, node and all the dependenies(mentioned in package.json),and navigate to the folder-

    npm start (for react)
    npm run dev (for node)

On development side(if you are using cors)- Add the entire url in axios(client folder),

url: "http://localhost:5000/anyroute"

(Here 5000 is the port number for node server and 3000 for react.)

On production side- Change all entire url to just route on client side axios.

url: "/anyroute"

Developed with ❤️ by Sakshi