MERN Social Network

Features implemented: user authentication, profile viewing, posting, commenting, and following/unfollowing.

Add option for user to post images
Add option for user to change their avatar/background to a custom image
Add social media login options (e.g. Facebook, Google, Twitter)
Implement find users feature (i.e. find users by typing their name into a search field)
Improve code organization
Write more tests

Setup instructions

First install the dependencies:

Next, set up the database credentials:

Log into or create an [MongoDB Atlas]
Create a new MongoDB cluster. You can go with the default settings or customize them as you wish. Once the cluster is created, click "Connect."
Whitelist a connection IP address and create a new MongoDB user.
Once connection security is set up, choose "Connect Your Application."
Replace the dbURI in secrets.js, located in backend folder, with the connection string. Replace dbname, and <password> with the user and password you created in step 2.
cd back into the main directory and run npm start. You can access the site at localhost:3000.

Design was inspired by preexisting projects like Qolzam's React Social Network and Shama Hoque's Mern Social.
Authentication was implemented with the help of Krunal Lathiya's example, Brad Traversy's guide on building a login system, and Maximilian Schwarzmüller's guide on JWT (primarily episodes 11 and 12).
Restful CRUD API builds on concepts explained in Andrew Mead's Node.js course.
Material-UI, React, Redux, Mongoose documentation.

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
backend		backend
client		client
demo		demo
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.travis.yml		.travis.yml
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json