[Design Thread- Community Page] Have Events / organizations / groups / teams / City Government Tree Info

[ri0nardo]

Create icons that locate nurseries on the global map as a specific color. Possibly not a color for tree health.

Begin with 4 screens to be redirected to

• [x] Search Page
  • [x] Events
  • [x] Groups
  • [x] Add City Governments (Link to Tree Information)
• [ ] Group Page (Redirect to different Screen)
• [x] Event Page (Redirect to Meetup, Facebook, or other site)
• [x] Create Event / Group / City Link
  • [x] Add Profile Picture
  • [x] Add Info
• [ ] Edit Screen
  • [ ] Group
  • [x] Event
  • [x] Link

Create a tab/new section for teams.

• [x] Allow users to create their own team / organization (See Strava as an example, https://support.strava.com/hc/en-us/articles/216918347-Clubs-on-Strava)
• [x] Have a search bar find organizations with filters
• [x] Allow organizations to be public (private later on)
• [ ] Have profiles per organizations (Differs from personal profiles)
• [ ] List other members on organizations page
• [x] Have a report flag somewhere to flag organizations not following rules etc
• [x] Have a follow or join button

Add Later on

• [ ] Personalized url at the end per organization
• [ ] List awards on profile
• [ ] List organization badges on profile
• https://docs.github.com/en/organizations/collaborating-with-groups-in-organizations/customizing-your-organizations-profile
• [ ] List events to occur on profile
• [ ] Have a link to invite users to private organizations or invite only organizations
• [ ] Have a way to verify non-profit organizations (Similar to the check mark on Instagram, https://help.instagram.com/854227311295302)
• [ ] Add Multiple Admins (Add Later On)

List of organizations to start with, once added check the box.

• [ ] Sierra Club https://act.sierraclub.org/donate/rc_connect__campaign_designform?id=7013100000117r1AAA&formcampaignid=70131000001LWb8AAG&ddi=N16JSEGO01&utm_medium=cpc&utm_source=google&utm_campaign=sem_donate&utm_content=exp&gclid=Cj0KCQjw166aBhDEARIsAMEyZh6BWpubni0FKYEhFaaK0MlG48-3_K4IOhOYd-x0CFFc04FzzV0Vn3oaAu_oEALw_wcB
• [ ] #Teamtrees https://teamtrees.org/
• [ ] Tree San Diego https://www.treesandiego.org/
• [ ] friends of the urban forest https://www.friendsoftheurbanforest.org/
• [ ] Greener JC https://greenerjc.org/

[ri0nardo]

@zoobot I am starting the groups or organization list. Differs from the data list. This is tree groups and events that are hosted. I used strava in the past and joined a club which was pretty cool to show off stats. I have this mock up which I think has good potential as the first screen users come to. I want users to be able to filter a few things to start off. I also want people to create their own groups or events if need be. I don't know how often this would be used, but long term can be greatly beneficial for larger organizations. I am planning on moving onto the profile screen per organizations would have. Then the events page. I think this is going to be pretty simple overall to begin with. But what are your thoughts? Do we continue with this?

[zoobot]

This is great! We should definitely have this. For an MVP, we could potentially use meetup links and link to the city websites that host these groups. Does this take the place of community or would this be a new page for organizations? This seems like what community should be and then all the data source adding should go into data... @ri0nardo

[zoobot]

@vernfongchao I met with Randy about this and we are moving the source adding/reporting section to the data page and the community page is going to be more of a "join our tree planting group" page. Will branch off verns-community in order to keep the community page and navigation and just have it be an empty community page for now and integrate the current community page work into the data page. https://github.com/waterthetrees/wtt_front/pull/345

[ri0nardo]

[ri0nardo]

Reducing scope to just Organization (city government) and event links. Groups to be add later on.

Worked on a report button for broken link, spam, or need to edit content.

https://user-images.githubusercontent.com/98299952/212524129-54659de7-4ef3-4735-a45d-c888e94441bc.mp4

[ri0nardo]

best approach to timezones https://bootcamp.uxdesign.cc/the-ux-of-timezones-7476a9685238 https://s7ng6n.medium.com/how-to-group-time-zones-f8c0f819b6df https://www.nngroup.com/articles/time-zone-selectors/ https://get.kintone.help/general/en/admin/list_systemadmin/list_localization/timezone.html

[ri0nardo]

expandable sections

https://user-images.githubusercontent.com/98299952/212579801-1e63ef0e-2ec3-42d8-8ede-2d57b586f967.mp4

[ri0nardo]

Ready to build.

[ri0nardo]

@vernfongchao not sure if you are interested in re-building the community page. Its different now since there isn't a data table, and now includes events. Its the same concept just visually different.

[ri0nardo]

[vernfongchao]

@vernfongchao not sure if you are interested in re-building the community page. Its different now since there isn't a data table, and now includes events. Its the same concept just visually different.

I dont mind, but Im probably going to focus on getting the the others done first, if someone wants to tackle this instead feel free. This might not be a good first issue however, though since its probably be best to have some sort of documentation and schema to be reviewed before beginning, and understanding the front and backend codebase as well.

[zoobot]

I can start on this since it's similar to data page logic-wise. Will at the very least get the backend/api/logic/component/layout done. Can pass it to someone else for the css and design.

[ri0nardo]

will base this off the tree taxonomy design to reuse components. the design will be on hold till we finish the tree taxonomy design.