socialincome-san / public

Fighting global poverty with the help of everyday people and your coding skills. Public repository of the NGO and global initiative Social Income.
https://socialincome.org
Other
88 stars 26 forks source link

[Website Feature]: Corporate page for new website #181

Open ssandino opened 1 year ago

ssandino commented 1 year ago

Is your feature request related to a problem? There is no overview of the companies/organisations who have employees contribution to Social Income, nor is there a directory of companies/organisations who contribute themselves.

Describe the solution/feature Adding a page that lists all companies/organisations, who are the organisations-contributors collection. There are different reasons for adding companies, namely

The organisations-contributors collection is already in the DB and Emulator with dummy data (2 entries).

@renestalder what do you recommend to use as a basic search field with live results in the dropdown in regards to this issue? What would be the basic unstyled version? Or does it make sense to directly work with a Tailwind component like Command Palette or a simple combobox (as the unstyled version in CSS would be too much work and unnecessary, if we change it soon to a Tailwind component?).

Additional context Screenshots:

  1. Inactive View 3Artboard 1

  2. Active Search Field View 3Artboard 1 copy

Note: the scope of this issue is on purpose small, as serves also as "good first issue" for new open source developers.

ssandino commented 1 year ago

Any recommendations from your side @renestalder how it could make sense to proceed in this specific case?

The usual way to develop new pages with new functionalities is: First, check if the components already exist in our collection of components (Storybook)

In this case we have a bit a specific situation as there is no basic HTML component for a search field which allows for autocomplete and search results in dropdown (like this). How should we go forward? Do you have already a Tailwind component for that kind?

renestalder commented 1 year ago

@ssandino

  1. Create the content first.
  2. If the content is finalized, create a concept (sketches, wireframes, specification) how to put that content on the website. You can already identify your needs for components that are missing at this point.
  3. Build
    1. check if the components already exist in our collection of components
    2. if yes, use them
    3. if not, use basic HTML component and create a ticket/issue with the component you need. (Then, either assign it to yourself if you're immediately going to build it or ask someone else to build it)

In this case we have a bit a specific situation as there is no basic HTML component for a search field which allows for autocomplete and search results in dropdown (like this).

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

ssandino commented 1 year ago

@soumdatta81 there is now the empty page with the right URL to add the elements: https://public-dusky-eight.vercel.app/social-responsibility

If you pull the latest main branch you find the page here: .../public/website/pages