search

cairnswm / GreenFieldAdmin

Simple React admin template using Bootstrap. Minimal number of npm packages used.
The Unlicense
0 stars 1 forks source link

Create Profile Page #7

Open cairnswm opened 2 years ago

cairnswm commented 2 years ago

Create a profile page linked from the menu from the top left corner profile pic menu

S0han commented 2 years ago

assign this to me i will take a look. please provide me with any relevant info to get this completed ASAP

cairnswm commented 2 years ago

Will write out a brief now :)

cairnswm commented 2 years ago

@S0han

Sample Profile Page: https://active-themes.com/ace/demo/html/page-profile.html

Option 2: http://themicon.co/theme/angle/v4.8.1/static-html/app/profile.html

Requirements

  1. Create State to store all profile info
  2. Accept userid as URL parameter
  3. useEffect to populate the State variable with example data. (Someone using the template will be able to modify this to call an API to populate the state).
  4. Display the data on the screen. Minimum data to display is First Name Last Name Photo Displaying other fields as per the example is up to you.

Remember use react-bootstrap components as much as possible use react-bootstrap-text for plain text sections.

  1. Allow update of at least 1 fields
  2. Use react-bootstrap form to manage the validation - see the other example pages on how to do this
cairnswm commented 2 years ago

I've added an Invoice page that shows how to populate the data in a useEffect hook

S0han commented 2 years ago

im having trouble getting the code to to run

S0han commented 2 years ago

terminal keep giving me the error that bable-jest isnt the correct version even though when i check it seems fine. are you using yarn? i can only run npm on my machine

cairnswm commented 2 years ago

I also only use NPM

Try deleting package-lock file and installing again Other wise delete the testing library lines in the package.json and try again