added signup as react component

[Pybite]

resolved issue #76

[nbkhope]

Did you test it's working? you should add a new route in routes.js.

Add

{
  path: '/sign-up',
  element: <Signup />
},

to the array:

full-stack-web-dev/web-client/src/routes.js

Lines 11 to 22 in 3345562

	{
	index: true,
	element: <div>Home Page</div>,
	},
	{
	path: '/reset-password',
	element: <ResetPasswordForm />
	},
	{
	path: '/messages',
	element: <Messages />
	}

Don't forget the import

[nbkhope]

Component names should always use PascalCase

Suggested change

	export default function signup(){
	export default function Signup(){

[Pybite]

Ahh yes i forgot !

[nbkhope]

Since the header is common to all pages, we should move it to App.js (this is the component that defines the layout for all pages)

[nbkhope]

Theres probably a header there already but its very simple. You should replace that one with this one here.

[Pybite]

Ok will do :)

[nbkhope]

Since the footer is common to all pages, we should move it to App.js (this is the component that defines the layout for all pages)

[nbkhope]

@Pybite I want you to test the app as is. If you had done that you would see there is a double footer at the bottom.

You can npm start to see the app running, then you change the URL, add /signup

[Pybite]

at first I was having a bit of a issue starting it up but I got it working

[nbkhope]

@Pybite yeah so you make sure no errors appear in npm start and in the browser (check browser console too)

[nbkhope]

amazing!