[TEAM]: Work on Documentation page

[devvsakib]

Is your feature request related to a problem? Please describe.
This page address /guidelines/getstarted/Documents

We are working on it to add some documents like Interview questions, roadmap etc.

We really need your help. If you want to contribute please feel free to join us.

[Akbar-Ahmed]

Hey , can you explain some more about the requirement. What kind of document the project required? Can you elaborate. Thanks.

[devvsakib]

@Akbar-Ahmed There are four categories of documents. When the user clicks, it will expend many options [2nd screenshot].

Again, when the user these options, we will show data on the right side.

It's like tailwindcss.com/docs page.

[OrlundoHubbard]

Is the issue about adding more content to the documentation?

[devvsakib]

@OrlundoHubbard

First, we have to do the functionality. As I said if anyone clicks here, we have to show data on the right side. I have prepared some interview questions. But the functionality is not done yet.

If we click HTML:
on the right side, we will show HTML-related questions. that means we will render another component here.
So we have to create components first, right?

[karthiknadar1204]

can i try working on this issue?

[devvsakib]

sure @karthiknadar1204

[karthiknadar1204]

i'll try setting up the project on my system

[karthiknadar1204]

could you please guide me on setting the project on my local system,i have cloned the repo on my compiler,this is my second open-source contribution after yesterday.

Thank you

[devvsakib]

Sure. You can also follow the guidelines in readme.md file.

go to the project folder you cloned, then open the terminal and run npm i && npm run dev.
dont

[karthiknadar1204]

Thank you so much,will communicate further today evening

[usernameisleye]

I would also like to work on this issue @devvsakib🙂
And is there a way you can share your prepared questions or other data?

[devvsakib]

I would also like to work on this issue @devvsakib🙂 And is there a way you can share your prepared questions or other data?

I have, but not in json format. You can use dummy data for now, I will give you later or in 2/3 hour

[usernameisleye]

Ok, will do

[karthiknadar1204]

i have analysed the code base and the feature to be added,will locate the code for that location(side bar) and merge the pull request soon.

[devvsakib]

@karthiknadar1204 @usernameisleye here's the JSON file you guys can use.
JSON LINK

[karthiknadar1204]

@usernameisleye ,as far as i have come to understand ,its an onclick event to be added to the document,i am trying to figure out how to do that,could you help me with that?

[devvsakib]

A little visualization. @Akbar-Ahmed @usernameisleye @karthiknadar1204

First: create components named HTML, CSS so on.

this may work, I didn't check, please check

const [cssQuestions, setCssQuestions] = useState([]);

  useEffect(() => {
    fetch("javascriptinterview.json")
      .then((response) => response.json())
      .then((data) => {
        const cssQuestions = data.filter((q) => q.tag === "css");
        setCssQuestions(cssQuestions);
      });
  }, []);

[karthiknadar1204]

got it @devvsakib

[devvsakib]

How's going? @karthiknadar1204 @usernameisleye

I solved this issue.

[devvsakib]

Here's the preview #239

please check and comment if anything need to change

[karthiknadar1204]

I have my exams going on,thought of resuming the work next week.

[usernameisleye]

Hey @devvsakib, sorry I couldn't deliver quickly. I had a bit of a rough time figuring out the logic and I had some other ongoing projects. I've been reading through your code and I seem to get it a bit more now.

[devvsakib]

This issue is completed for now