Now we will create the authentication UI of the application. introduce the concept of retrieving data client-side within the component. The first thing we are going to do is create the <SignUp> and <SignIn> components.

This is not necessarily focused on security rather a way to organize the curation and creation of recipes from the users.

Let us start with the DOM hierarchy of the SignUp class component:

<SignIn>
-- <div container>
---- <form onSubmit={}>
------ <h3 >
------ <div input-feild>
--------- <label email>
--------- <input email onChange={}>
------ <div input-feild>
--------- <label email>
--------- <input email onChange={}>
------ <div input-feild>
--------- <button ?>…

Angel Mondragon

Take advantage of trends, Artificial Intelligence developer, Blockchain Enthusiast, TA Trader. Curious mind and infamous communicator.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store