search

opportunity-hack / frontend-ohack.dev

https://frontend-ohack-dev.vercel.app
6 stars 49 forks source link

New Project Launch Announcement #4

Open gregv opened 1 year ago

gregv commented 1 year ago

Slack channel: #ohack-dev-new-project-launch-announcement

Tell us you want to help by logging in and clicking "I want to help" here

Summary

As we work to make the hackathon a continual thing for opportunity hack, we would like to be able to post new projects that come up from nonprofits as they become available, instead of waiting each year to post them.

Code Pointers

The easiest way to do this is by updating some TODO/placeholder code over at https://www.ohack.dev/nonprofits/apply/list

If you read through the TODOs and clean up this page, it will be a good start image

More Details

  1. Create a form (we're just going to use https://www.ohack.dev/nonprofits/apply/list since this is the form that nonprofits submit when they have a project for us) that allows us to announce a product launch that uses existing data in our database like Problem Statement, Nonprofit, Slack Channel, etc

  2. Send a new launch announcement into our slack Channel to announce that the project has started, and provide a link so that people can go to ohack.dev to volunteer as a hacker or mentor.

  3. Since using an API to automatically post a social media is challenging, make it easy for someone to copy paste the announcement into social media for Instagram facebook, and linkedin.

  4. Totally okay to generate images too, using something like Stable Diffusion, but ideally try to make this free. Also the summary generated is likely a good place to use an LLM like ChatGPT or Llama3.

rstackhouse commented 1 year ago

@gregv, are there wireframes or design/layout guidelines for this?

I checked over here: https://miro.com/app/board/uXjVOx7t63E=/ and didn't find any?

In absence of those, should I just follow convention with other parts of the UI? FYI I use React and MUI extensively for work.

gregv commented 1 year ago

@gregv, are there wireframes or design/layout guidelines for this?

I checked over here: https://miro.com/app/board/uXjVOx7t63E=/ and didn't find any?

Thanks for researching and asking @rstackhouse! We've asked the team that built our new UX for these guidelines and don't have anything other than what you've discovered...if you have any examples of what a good design/layout guideline looks like, it would be helpful to aspire towards and we'll send this over to that team.

In absence of those, should I just follow convention with other parts of the UI? FYI I use React and MUI extensively for work.

You nailed it - that's a great combination and will work perfectly with our codebase

gregv commented 3 weeks ago

In 9cfe04a306529da0ef9f3408eaba780aa26c3aee I've added a rough idea of what we could do here in a simple way, since this lists all applications, we can leverage this to be how we publish new projects

image