Homepage

[harshraj8843]

This is what I was thinking to develop for the tools page

[harshraj8843]

Which URL were u asking for 🤔

[0ME9A]

Which URL were u asking for 🤔

got it..

[harshraj8843]

I am currently creating more npm tools and writing docs for respective tools.

What can I do for the website ?

[0ME9A]

I was creating a web template for codinasion from yesterday. but now I can adjust it for open-tools.

[harshraj8843]

WOW, it looks so good 😍

[0ME9A]

It's not a complete design I'm working on it.

[0ME9A]

WOW, it looks so good 😍

So should I continue it and convert it into code or anything else?

[harshraj8843]

I am thinking that most part of the tool page will be in component form

But we have to create tool components for each tool separately, right?

Any other option?

[harshraj8843]

WOW, it looks so good heart_eyes

So should I continue it and convert it into code or anything else?

The current UI can be homepage of open-tools

[0ME9A]

yes

[0ME9A]

I am thinking that most part of the tool page will be in component form

But we have to create tool components for each tool separately, right?

Any other option?

Why have to create components for each tool, I didn't understand🤔

[harshraj8843]

For example, we can create a Contributor component to show all components and this Contributor component can be called on each told page

But for Tool, we can't create a component, because each tool has its own features(input, image field, etc..)

---

For this reason, we can not create a single [slug] page for all the tools, we have to create a page for each tool

On each page, we will call all the default components but we have to add tool components separately for each tool

---

Correct me if I am missing something 🤔

Note Tool is a component on the tool page which will contain the input fields to use open-tools

[0ME9A]

Currently, I'm working on website design on Figma after that I'll code, Is it ok?

Design with @0ME9A at Figma.

[harshraj8843]

Unable to access 🚫

[0ME9A]

confirmed

[harshraj8843]

We can use the program part as show all the tools available

/ - Homepage /tools - show all tools /tools/slug - tool

[harshraj8843]

Figured out the solution for the tool component

We can use Component Wrapper for different slugs.

Working 👉🏻 https://open-tools-8icnl8qaf-codinasion.vercel.app/

---

Structure

pages
├── index.tsx
└── tools
    ├── index.tsx
    └── [slug].tsx

src/components/
└── ComponentWrapper
     ├── ComponentA.tsx
     ├── ComponentB.tsx
     ├── ComponentC.tsx
     └── index.tsx

Using this, we don't need to create different pages for different tools. We only have to develop different components and link those components in Component Wrapper