MERN Stack

A Full Stack Exercise

mern stack logo images Live Website
GitHub Repository

Created using MongoDB, Express, React/Redux, and Node.js, this MERN stack practice project is centered around a full stack social network app for developers.

The Home page features Register and Login options that authenticate the user. If the user inputs a Gravatar email, their chosen image is used in their profile.

mern stack homepage

A list of developer profiles, as well as the option to View Profile, can be seen regardless of the user's authentication status. Only an authenticated user may delete or edit their own profile through their Dashboard.

mern stack profiles page

Once a user is logged in, they are also given the ability to create posts and comments for communicating with other developers and can like/unlike posts.

To view the full project, click on "Live Website" above, where it has been deployed via Heroku.

mern stack posts page

Tools and languages used:
React | Redux | Express | MongoDB | Node.js | NPM | Axios | JSX | JavaScript | HTML | CSS | Redux Thunk | Moment | Mongoose | JWT | Bcryptjs | Gravatar | Heroku | Visual Studio Code | Git | GitHub