Complete the Profile Component for Dashboard

[ezioda004]

Implement the profile as shown in this image.

You'll be making changes in Profile.js/Profile.css
Head down to `quiz-app => src => Components => Profile => Profile.js/Profile.css

Important instructions to follow before you start working because this requires you to be authenticated and added to the database.

Step 1. In the project directory, open terminal and do npm install
Step 2. Now do npm install -g nodemon
Step 3. Run nodemon server/server.js
Step 4. Open another terminal window in the same directory (DO NOT close the other one)
Step 5. Run npm start

You'll see that webpack has opened the frontend server at http://localhost:3000, open another tab and type http://localhost:5000, this is port where the server is running.

Step 6. Now, open open the link https://localhost:3000/auth/google which will authenticate you and add your basic information to the database.
Step 7 Now head to https://localhost:3000/dashboard , you should be able to see your google profile image here.
This is where you'll see the changes you'll be making.

The profile data is passed as this.auth.props and you should be able to see your data here.

The user statistics aren't there yet but you can use dummy data. If you're going to use a library to implement the charts and so on, please do let us know.
This is a bit complex issue so I'd prefer if any individual with some experience takes it on.

Please comment on this issue and I'll assign it to you.

[abhishekakade]

What skills are required to solve this issue? I'd like to work on it but I don't know any back end stuff.

[SukhjinderArora]

I can work on it, please assign this issue to me.

[ezioda004]

@abhishekakade Knowledge of React/Redux as well as some familiarity to generate these graph via some libraries is required.
@SukhjinderArora Making sure, are you familiar with what I just mentioned?

[SukhjinderArora]

@ezioda004 Ok, how much knowledge of react and redux is required as I am a beginner in react ?

[ezioda004]

@SukhjinderArora You'll be working with the data passed in props (user authentication) which you'll need to manipulate. Also, the more important part is how you'll generate graphs for statistics. We're looking for something easy to use.

[ramisback]

I'll do that assign this issue to me

[ezioda004]

Assigning to @creatorisback