Google Code-in

What do you need to know?

Basic Designing Skills and basic knowledge of vuejs.

Improve the UI design of Codebadge login with GitHub page

Presently the login page looks to be very simple though good. As being the landing page of the project too we want to have a better look for it. Design and code using vuejs the better UI for codebadge landing or log in with GitHub page. As per the project idea. You can find the project idea of Codebadge in this docs.

Expected Outcome

Learning some basic of using frontend frameworks with vuejs.

Resources & References

• UI design tips are available on net Link1, Link2
• You can find inspiration from [Pintrest-Login/Signup Pages], [Pintrest-Profile Pages]
• For Colors you can take reference from Material Color Palette.
• For typography, you can find samples at Google Fonts Libraries.
• See the reference UI here we propose.

Extras

https://discord.gg/CNStUqX to ask your doubts.