Create Navigation Components

[iamchathu]

Mentor: Chathu Vishwajith

Brief
Create Navigation Bar Component
<Navbar/>

Requirements

• Keep current look
• Divide components to sub-components
• Need to define Variables for colours/Font related stuff in Styles folder.
• Use CSS Modules approach.
• Needs to be responsive.
• Can not use CSS frameworks like Bootstrap.
• Use typeface-xx approach to use Google Fonts.
• PropType definitions mandatory.

[amritsrivastava]

I want to work on this issue.

[iamchathu]

Wait till #7 merges to master

[Dhiraj240]

Can i take up this issue ?

[amritsrivastava]

Hi @Dhiraj240, I'm working on it.

[iamchathu]

@amritsrivastava @Dhiraj240 Wait till PR merges. I will update then.

Thank you.

[shreyateeza]

@iamchathu I too want to work on this issue!

[iamchathu]

@amritsrivastava @Dhiraj240 @shreyateeza

Can you explain the way you going to work on the issue?

[megha070]

I would like to work on this!!

[iamchathu]

@megha070 please provide details how you going to work on this issue.

[megha070]

Sir @iamchathu I tried creating a navigation bar using HTML and CSS.I am attaching a screenshot here of the same.

[amritsrivastava]

@iamchathu we can use pure CSS navbars here.


These are the images of the navbar and this is responsive too.

[iamchathu]

@amritsrivastava @megha070 please have a look with this https://medium.com/flexbox-and-grids/the-most-popular-navigation-bars-created-with-flexbox-6c0f59f55686

[amritsrivastava]

Yeah that's awesome @iamchathu I can create this using flexbox.

[megha070]

@iamchathu even I can try creating this!!

[iamchathu]

For both of you to learn and to get best, I would like both of you to work on this. If it ok with you.
@amritsrivastava @megha070

[megha070]

I am absolutely fine with it!!

[amritsrivastava]

yeah sure

[iamchathu]

Thank you both of you and waiting to see your work on this. All the best!

[ayush221b]

I am also working on this issue. All the best guys.

[Tabishhaider72]

🙋‍♂️𝗛𝗶 Chathu Vishwaijith

This is Sayed Tabish. I'm participant of GirlScript Summer Of Code 2022. And also I'm Experienced Freelance Web Developer with a demonstrated history of working in the internet industry. Strong engineering professional with a Bachelor of Technology - BTech focused in Information Technology from Dr. A.P.J. Abdul Kalam Technical University.

👨‍💻And It's very nice to contribute and work forMakkalaJagriti
Create Navigation Components #6 I am interested to work on this issue And also I want to work on such a project that. because I have already worked on similar kind of projects.
Like:

, ,
It will give me a stage to apply my knowledge. building innovative product and put my technical skill to use.