[FEATURE] Add React components and pages to Storybook

[eddiejaoude]

Description

All React components and pages need to be added to Storybook (in the nextjs branch)

Note Each item listed below for component/page should be in a new Issue and PR

• [x] components/user/UserLink.js https://github.com/EddieHubCommunity/LinkFree/blob/nextjs/stories/components/user/UserLink.stories.js
• [x] components/user/UserMilestone.js https://github.com/EddieHubCommunity/LinkFree/blob/nextjs/stories/components/user/UserMilestone.stories.js
• [ ] components/user/UserPreview.js
• [ ] components/navbar/NavLink.js
• [ ] components/navbar/Navbar.js
• [x] components/footer.js
• [x] pages/[username].js https://github.com/EddieHubCommunity/LinkFree/blob/nextjs/stories/pages/%5Busername%5D.stories.js
• [ ] pages/index.js
• [ ] pages/popular.js
• [ ] pages/search.js

Steps to follow...

1. Create story file in stories/components with the same filename as the component but add .stories.js
2. Import the component into the story file
3. Set the default arguments by looking at the requirements from the component
4. Run npm run storybook to see the added components and interact with them

Screenshots

Additional information

No response

[github-actions[bot]]

It's great having you contribute to this project

Welcome to the community :nerd_face:

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[manav-06]

hi @eddiejaoude , you can assign this to me

[eddiejaoude]

Each item listed below for component/page should be in a new Issue and PR

Please create an issue for the item in the list that you want to do and we can assign that to you @manav-06

[DeeptanshuDas]

Hi can I contribute in this project

[Prasundas99]

Hi @eddiejaoude , I want to contribute to:

components/navbar/NavLink.js

Is it open to contribute?

[FrancescoXX]

I never user storybook but I can do this live today, if you assign this to me

[eddiejaoude]

Yes @DeeptanshuDas @Prasundas99 yes, great 👍

[eddiejaoude]

@FrancescoXX that is awesome 👍 We are not assign this issue, because it is a collection of many issues, so you can pick one from the list in the issue description - there are actually many more to do, I can update the list in the issue description

[itsagift]

Hi, I can add the "popular" page.

[RKC3000]

Hello @eddiejaoude , I want to work on pages/search.js.

[eddiejaoude]

@RKC3000 great, please create an issue and PR for that specific story 🤓

[RKC3000]

OK @eddiejaoude

Can you clear me on one thing?

To contribute I have to follow docs/CONTRIBUITING.md

I not that use to work with issues and contribute on GitHub

[MAX-786]

Hey, @eddiejaoude can you assign this components/user/UserPreview.js issue to me? Thanks

[eddiejaoude]

@MAX-786 what is the issue number?

[MAX-786]

@eddiejaoude #2012 can you please assign it?

[eddiejaoude]

@MAX-786 the footer component has already been checked off the list

[MAX-786]

okay @eddiejaoude , is there any left where i can contrubute?

[eddiejaoude]

Yes there are @MAX-786 , you can check in the stories folder https://github.com/EddieHubCommunity/LinkFree/tree/nextjs/stories

[MAX-786]

thanks @eddiejaoude, I will surely do that.

[eddiejaoude]

I will close this EPIC and people can create new issues for each Story