[Feat]:Navigation bar

[CBID2]

Description

When I first saw the website, I want to know more about the origin of this community, and who are the top creators. Sadly, I couldn’t find information on that.

Solution

I think it’d be beneficial for the website to have a navigation bar with sections based on the information that I mentioned in the Description section. It’ll make it easier for new members to learn about 4C and make the website’s design look more appealing.

Anything else?

Navigation bar inspiration

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[tobySolutions]

This a really good observation @CBID2. Do you want to work on this?

[CBID2]

This a really good observation @CBID2. Do you want to work on this?

Yeah @tobySolutions

[tobySolutions]

All yours @CBID2!!

[CBID2]

All yours @CBID2!!

Thanks

[tobySolutions]

Are you still working on this @CBID2?

[CBID2]

Are you still working on this @CBID2?

Hey @tobySolutions. I'm going to post my rough draft here, get your feedback, and then do a PR.

[tobySolutions]

Are you still working on this @CBID2?

Hey @tobySolutions. I'm going to post my rough draft here, get your feedback, and then do a PR.

Awesome @CBID2! Can't wait to see it.

[tobySolutions]

How's this going @CBID2?

[CBID2]

How's this going @CBID2?

Hey @tobySolutions! Thanks for checking in! I haven't started yet. I've been busy with other obligations. I'll let you know when I start the navigation bar.

[tobySolutions]

Sure thing @CBID2. That's very much understandable.

[CBID2]

Hey @tobySolutions. Here's my rough draft of the navigation bar. Just login with your GitHub account to access my solution

[tobySolutions]

Why do you have "login" and "signup" @CBID2?

[CBID2]

Why do you have "login" and "signup" @CBID2?

I used a online IDE called Replit to build the navigation bar, and I used this tutorial to help me build it. @tobySolutions

[tobySolutions]

Hey @CBID2, I still don't understand what you want to do? Do you want the existing nav to change to your draft or what exactly are you proposing?

[CBID2]

Hey @CBID2, I still don't understand what you want to do? Do you want the existing nav to change to your draft or what exactly are you proposing?

Oh I created a rough draft of the nav bar and wanted some feedback on it.

[tobySolutions]

Hey @CBID2, I still don't understand what you want to do? Do you want the existing nav to change to your draft or what exactly are you proposing?

Oh I created a rough draft of the nav bar and wanted some feedback on it.

Hey @CBID2, I think it looks cool. You can go ahead and implement it. Thank you.

[tobySolutions]

What's the status of this @CBID2?

[CBID2]

What's the status of this @CBID2?

Section names need changing. I'm also not sure which repo folder to place my final copy in. Can you help with that @tobySolutions?

[tobySolutions]

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js You can check that out, although, the nav items are in an array of objects.

[tobySolutions]

It seems you are very busy @CBID2. I can close this, right?

[CBID2]

It seems you are very busy @CBID2. I can close this, right?

No, I'll get to it @tobySolutions

[tobySolutions]

Thanks, @CBID2!! I know your PR will be really amazing; I know you can do this.

[CBID2]

Thanks, @CBID2!! I know your PR will be really amazing; I know you can do this.

Thanks for the motivation @tobySolutions

[CBID2]

Thanks, @CBID2!! I know your PR will be really amazing; I know you can do this.

Can you help me turn the nav items into array of objects @tobySolutions? JS is my weak point.

[tobySolutions]

Hey Christine! Sure thing!! Also, if you feel you can't handle this issue alone, feel free to reach out on the discord server. I'm sure a lot of people there will be willing to collaborate with you.

[lambeboluwatife]

What are you really trying to achieve? Is it just a basic Nav bar? @CBID2

[CBID2]

What are you really trying to achieve? Is it just a basic Nav bar? @CBID2

It's a responsive one with a toggle feature @lambeboluwatife

[lambeboluwatife]

What are you really trying to achieve? Is it just a basic Nav bar? @CBID2

It's a responsive one with a toggle feature @lambeboluwatife

ohhh

[tobySolutions]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

[tobySolutions]

Hello @CBID2 and @lambeboluwatife. Are you still interested in this issue?

[CBID2]

Hello @CBID2 and @lambeboluwatife. Are you still interested in this issue?

Yes

[lambeboluwatife]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

[CBID2]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

[lambeboluwatife]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

[CBID2]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

[lambeboluwatife]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

[CBID2]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

Good idea!

[CBID2]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

From what I see, the nav area seems to be built by JS

[lambeboluwatife]

Do you want to collaborate with @CBID2 on this @lambeboluwatife?

sure, but I haven't really understood the codebase

Codebase?

yeah, I'm not familiar with the languages used for the website

Ohhh.Apparently, they use arrays in the nav and I'm not that good with arrays lol

I want to fully understand the code base before I do anything

From what I see, the nav area seems to be built by JS

I'm even trying to locate it. I can't find it's location

[CBID2]

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js

You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

[lambeboluwatife]

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js

You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

found it so, what are we to implement?

[CBID2]

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

found it so, what are we to implement?

We can add a border around the labels for one(see attached screenshot)

[lambeboluwatife]

https://github.com/FrancescoXX/4c-site/blob/main/src/components/Header.js You can check that out, although, the nav items are in an array of objects.

Check here @lambeboluwatife

found it so, what are we to implement?

We can add a border around the labels for one(see attached screenshot)

So, what you're saying is that there should be a border around the nav items right?

[CBID2]

Yeah. Something like this

[lambeboluwatife]

Yeah. Something like this

nice I understand now How can I run the application in my local machine.

[CBID2]

Yeah. Something like this

nice I understand now How can I run the application in my local machine.

Check here

[tobySolutions]

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

[CBID2]

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

Slowly, but yes

[lambeboluwatife]

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

That was why I wanted to see you today. I was unable to run the site locally.

[tobySolutions]

Are you still working on this @CBID2? I see that you've made tremendous progress on this.

That was why I wanted to see you today. I was unable to run the site locally.

Really?