Welcome to My Instagram project

---

Live demo

Task

Create Instagram messenger clone with some features

Actual repo is private, if you come here for see my portfolio please write me and I'll give you an access to my private repos too

Description

I'm creating this messenger clone with ReactJs, MUI, ExpressJs, MongoDb Users can perform actions like instagram dark theme preferred for better user experience :)

Installation

	cd client
	npm i
	npm start

	cd server
	npm i
	npm run dev

Usage

You can create post and follow people with signing up.

• like, comment, bookmark, share posts and etc.

Features

• Login, Signup

• Change you password.

• Change account type private or public (Default: public).

• Indicates that users exists as you type username when signing up.

• About, Developer, Help, 404, No such user, No such group page.

• Follow, Unfollow

• Recommend, Profile views

• Block, Unblock.

• Like, Comment (Sticker, Text, Image)

• Share, Unshare, Remove share

• Tag, Untag, Remove tag

• Copy post link, Delete post, Edit post, Open post.

• Post Text, Image (with filters)

• Video, Audio, Link, Document

• Location with emojis

• Font size, Tag, mentions, hashtags and location.

• Time ago format used everywhere.

• Custom Video and Audio player.

• Add tags to describe yourself much more.

• Edit your profile (From username, Bio, social links to tags).

• Get suggestions on whome to follow (you can also refresh suggestions).

• Know what are some of the most popular hashtags.

• Mutual likes and comments as in Facebook

• Shows images in Theatre mode.

• Explore people

• photos, videos, audios and groups.

• Get notified on almost everything from your post being liked, commented, shared TO you being added to a group.

• Create conversation with your followings and give your conversation a title.

• Message emoji, Text, Image, Sticker.

• Delete conversation, unsend all your messages, edit conversation title and get all info about the conversation.

• Bookmark the post if you liked it.

• Make a user favourite if you like him/her.

• Create a group with your followings.

• Shows newest member, members you know from the group.

• Add/remove members.

• Edit group's settings.

• Shows if a user is online.

• Love a group, invite your followings to the group.

• Change your avatar from over 200 custom avatars and upload your avatar with a cropping tool.

• If a text post is large, then a glimpse of the post is shown and you can load more.

• You will be always prompted from deleting a post to blocking someone.

• Search users, groups and hashtags.

The Core Team

Azimjon Umarov @umarov_a

Made at Qwasar Silicon Valley