A MERN stack social network application with MVC features implemented: user authentication, profile viewing, posting, messaging(Realtime),and following/unfollowing.

Signup Page:

Home Page:

Profile Page:

Messenger Page:

Profile Page:

User Stories

As a user, I want to be able to create an account so that I can log in.

As a user, I want to be able to log in so that I can view my home feed.

As a user, I want to be able to view posts so that I know what people I’m following are up to.

As a user, I want to be able to create a post so that I can share my current status.

As a user, I want to be able to delete my posts so that people can no longer see them.

As a user, I want to be able to edit my posts so that I can correct or clarify my thoughts.

As a user, I want to be able to like/unlike a post so that I can approve posts I am fond of.

As a user, I want to be able to view other users' profiles so that I can learn more about them.

As a user, I want to be able to edit my own profile (i.e. change name, avatar color, or relatioship,city) so that I can add more style to my page.

Built With

Express.js - Backend web framework

JSON Web Token - A standard to securely authenticate HTTP requests

Material-UI - UI library for React

MongoDB - Database to store document-based data

Mongoose - Object-modeling tool for Node.js

Node.js - Runtime environment to help build fast server applications

React - JavaScript library for building user interfaces