The skeleton application only has support for a user's name, email, and password. But in MERN Social we will allow users to add a description about themselves, and also upload a profile photo while editing the profile after signing up:
In order to store the description entered in the about
field by a user, we need to add an about
field to the user model in server/models/user.model.js
:
about: { type: String, trim: true }
Then, to get the description as input from the user, we add a multiline TextField
to the EditProfile
form and handle the value change the same way we did for the user's name input.
mern-social/client/user/EditProfile.js
:
<TextField id="multiline-flexible" label="About" multiline rows="2" value={this.state.about} onChange={this.handleChange('about')} />
Finally, to show the description text added to the about
field on the user profile page, we can add it to the existing...