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