#171380695 user login

[Ugizwenayo-Divine]

What does this PR do?

• user should be able to login

Description of Task to be completed?

• Install required libraries
• Create UserLogin component

How should this be manually tested?

• In your terminal, run git clone https://github.com/Stackup-Rwanda/stackup2-barefoot-frontend.git to clone this repo

• Run `git fetch origin ft-user-login-171380695

• Run git checkout ft-user-login-171380695 to switch to the fetched branch above

• Run yarn install to install all dependencies

• Start the development server by running yarn dev.

• The server should launch the app in your default browser at localhost:{{PORT}}

• Click the login button, you will see the login form

• try to login with the user in database

Any background context you want to provide?

N/A

What are the relevant pivotal tracker stories?

#171380695

[kipropbrian]

Move this URL to the .env file as it is a variable that is better handled there.

[Ugizwenayo-Divine]

I've implemented this feedback

[the22mastermind]

You don't need to declare this variable here. Delete this line and on line 15 do const output = token ...

[the22mastermind]

You could destructure props directly here instead of line 22.
const InputField = ({ handleLoginChange, name }) => {}

[Ugizwenayo-Divine]

Kudos! @Ugizwenayo-Divine
Could you take care of the following:

1. I followed the instructions to test this PR and when I run yarn dev I get a page with a fullscreen image, nothing else. Is this the intended scenario?

1. Could you make sure to remove all the commented codes?
2. For redux, I highly recommend you do this: Create a redux folder then inside you create a rootReducer file that will combine all the reducers
3. In redux folder, create a login folder and inside it put the actions, reducer and types for login.
   This way it will be easier to maintain as the app scales and we have a lot of reducers and actions.
4. Rebase

there should be a login button to click because for me it's there

[the22mastermind]

Kudos! @Ugizwenayo-Divine
Could you take care of the following:

1. I followed the instructions to test this PR and when I run yarn dev I get a page with a fullscreen image, nothing else. Is this the intended scenario?

1. Could you make sure to remove all the commented codes?
2. For redux, I highly recommend you do this: Create a redux folder then inside you create a rootReducer file that will combine all the reducers
3. In redux folder, create a login folder and inside it put the actions, reducer and types for login.
   This way it will be easier to maintain as the app scales and we have a lot of reducers and actions.
4. Rebase

there should be a login button to click because for me it's there

Could you share a screenshot? I even tried inspecting the HTML and I saw only the main div with an id of root