Web: Single project page

[octavioamu]

User Story

As a contributor I want a single project page with a friendly url so I can link people to my project + have the project "looking for members" flag there.

Why Is this Needed

Summary:
Because there is no way to link my project to find new members or people read the full description.

Description

The design proposal, still need some additions for:
Links to quick chat with people
"Looking for team area"
Edit button (will open the edit modal used today)
Post activity need to be posted to the hackathon townsquare. (like kudos, grants etc)
Card metatags need to show the project logo.
v2:
Looking for team button to request join the team.

Type: Feature

Current Behavior

none

Expected Behavior

url : `https://gitcoin.co/hackathon/[hackathon-slug]/projects/[project-id]/[project-slug]

Definition of Done

Data Requirements

Additional Information

[PixelantDesign]

@octavioamu what is the next step on this ticket?

[willsputra]

just an idea - do we want to reuse the grant detail layout? maybe people can convert projects to grants?

[PixelantDesign]

looking good! how and where does the hacker enter in all of this information?
when will the button - convert to grant appear? who will see and be able to convert it to a grant?

[PixelantDesign]

https://github.com/gitcoinco/web/issues/6004

[PixelantDesign]

• When I come here as a hacker, what are the fields that I see? How do we get to this completed view?
• How do they enter team members/ categories?
• Primary action is to create a project.
• Convert to grant seems like later, but maybe not a primary action.
• What does the townsquare card look like when a project is created?
• Need responsive views

[willsputra]

they can enter team members and other fields on the combined Start Work / Create Project form?
https://github.com/gitcoinco/web/pull/6661

[octavioamu]

they can enter team members and other fields on the combined Start Work / Create Project form?

6661

yes the ideia is when they click edit the modal opens and then they can edit the project. The same edition modal that trigger in other places.

[willsputra]

Some points discussed:

1. Creating a project still follows the current flow: Go to Issue Details > Start Work > fill in combined start work & project creation form (https://github.com/gitcoinco/web/issues/6444)
2. The only actions you can do here for now are to edit your project and post on the Activity tab. In future iterations, we could also allow sponsors to assign as winner, owners to convert to grant, etc.
3. Will need to think how to surface the project activity on hackathon townsquare or general townsquare

Summary tab:

Activity tab:

Show edit modal when you click "Edit Project" (same modal as start work/edit modal)

[willsputra]

also slightly related issue as we're changing the link of the "View Project" button:
https://github.com/gitcoinco/web/issues/6833

[PixelantDesign]

Hey @willsputra
As a hacker participating in this task, how do I see this project page?
As a sponsor, how do I see this project page?

_Will need to think how to surface the project activity on hackathon townsquare or general townsquare_
We have a townsquare card when a hackathon project has been created.

[willsputra]

Both hacker and sponsor can view the project page from the Projects tab in hackathon view. Clicking on the title or "View Project" on each project will bring you to this single project page instead of directly to github. (Example: https://gitcoin.co/hackathon/clarity/projects/?tab=hackathon:20)

They can also go into the Prize Details to see the projects associated with that prize:

[PixelantDesign]

@developerfred interested in this one? ^

[developerfred]

yes @PixelantDesign!

[willsputra]

figma file:
https://www.figma.com/file/UEjst33xyuGioTuTpxmney/Gitcoin-Single-Project-Page?node-id=0%3A1

the design is based on the grants detail page (https://gitcoin.co/grants/86/gitcoin-grants-round-7-dev-fund)

[frankchen07]

just to organize my brain model - with this single project page, if I end up editing it, the changes are reflected:

1. on the single project page
2. on the projects tab cards
3. on the bounty issue details project section at the bottom

right? Is there anywhere else I'm missing

[octavioamu]

Every place where the data is showed.
Is the same data so where ever is showing the data will reflect, is just a way of having an url and center place for each project.

[PixelantDesign]

@developerfred are you still working on this one?

[PixelantDesign]

@developerfred could we have this by Friday please? otherwise I'll need to bring this in to complete internally. Thank you!

[PixelantDesign]

@developerfred I'll payout for the work you've done. @zoek1 has agreed to finish it up. Thank you!

[PixelantDesign]

Is it possible to get comments in here for filecoin?

[PixelantDesign]

Here is the video @vs77bb @connoroday please review https://www.loom.com/share/8ac34c03beec47e0ae18ae8e7e10aaa6

[PixelantDesign]

Just viewed with @vs77bb and @frankchen07 , could we deploy @danlipert

[zoek1]

PR for this ticket https://github.com/gitcoinco/web/pull/7169