Improving existing UI of Homepage

[awantika10]

Current UI of Homepage looks inconsistent with the rest of the landing pages i.e contact, resources etc. I wish to add the following features to the homepage for enhancing the UI :

• Adding the bluish-green theme to the homepage making it more similar to others.
• Adding few illustrations and graphics
• Adding a Github button to help the visitors navigate through the repos
• Adding a few contributions and project stats to home page

The figma mockup looks somewhat given below. I am open to your views and thoughts about the design. Do let me know if you wish to add anything else :)

[princiya]

awesome @awantika10 😍 thank you for creating this issue.

[princiya]

Adding the bluish-green theme to the homepage making it more similar to others. ✅

Adding few illustrations and graphics

do you plan to do these yourself or get from somewhere? either is ok. also do you want to do this yourself or get someone to work on this? I can also share some places to get illustrations and graphics, let me know.

Adding a Github button to help the visitors navigate through the repos. ✅

Adding a few contributions and project stats to home page

@Priyami already added the contributor link in footer, you might want to extend the same work to get additional stats too using the same github API. #55 #52

[Priyami]

Adding a Github button to help the visitors navigate through the repos. ✅

Adding a few contributions and project stats to home page

@Priyami already added the contributor link in footer, you might want to extend the same work to get additional stats too using the same github API. #55 #52

@princiya Sure will work on this. Shall I create a separate issue and claim on to it?

[princiya]

@Priyami please coordinate with @awantika10 :) I only mentioned to Awantika that you worked on the contributor API part, so not sure if she wants to work on it and extend your work...

[Priyami]

Sure. If she would like to do, I am happy to coordinate with her.

[awantika10]

@Priyami Sure, I would love to collaborate with you. Shall I create the UI first? Or anything else you would like to have
Also, @princiya If you can suggest some graphics from your end too 😃

[Priyami]

• Adding the bluish-green theme to the homepage making it more similar to others.

• For Theme, I would go with reusable components with props/state
  Here,
  We have Heading, sub-heading, Paragraph, and Button.
  @awantika10 . Sure, start with UI. I can come up with a component for API calls.

[princiya]

@awantika10 for graphics -

• https://blush.design/
• https://getwaves.io/

[princiya]

@awantika10 how is this going? :) have you had the time to work on this or do you need help?

[Priyami]

@princiya @awantika10
-I have started to create a UI skeleton for the home page. It's in a re-usable component architecture and it has a CSS module for every component. We could play around in CSS and practice accessibility as we had a good session today in WWCodefrontend.

-And the end result would be,

Let me know what you think? Still Need to fill up the content and image as well.

[princiya]

@Priyami go ahead. not sure if @awantika10 had time recently to work on this, so feel free to push your changes. and yes, accessibility is a good topic! thanks for thinking about this.