Migrate the components from existing DistributeAid website to Next and Puck

[RajGM]

Overview

https://github.com/distributeaid/distributeaid.org
We have a lot of components and non-component stuff on the existing website using Gatsby and we are looking to migrate to NextJS.

The goal is to have everything as a component in the new website using NextJS.

The process is as follows:
Comment down what component you are looking to migrate.
Create a new branch with the following convention: type-issueNumber: features component-15:componentMigrations
Make sure to test out the component's mobile responsiveness, styling, and UX.
Once the component is complete, Open a PR to the componentMigration branch.
Make sure to add a video, gif, or image of the component in the PR.

Lofi Mockup

https://distributeaid.org/

Data

For now, let's just create dummy data or copy the existing data in JSON and show it on the front end.
Once we have the source to fetch the data, use that to fetch and display it.

Category

None

Features

• Editors can place this component in the layout.
• Editors can set custom fields for this component.
• This component relies on data from an external source.
• This component is only visible to Editors and Admins.
• This component is interactive.

Additional Support

• Research
• Content Creation (text, graphics, etc)
• Translation
• Design (UI/UX)
• Custom Editor Fields (content input)
• Integration with External Services / Data Sources
• Project Maintenance (Github, production infra, processes, etc)
• Fundraising (larger servers, external service fees, etc)

Questions?

No response

Inspiration

DistributeAid Mission and Impact

Impact

Make Open Source Explorer programs success

Relation to DA

• User - I use DA's projects in my own learning, research, or work.
• Contributor - I volunteer with DA or contribute to it's projects.
• Beneficiary - I recieve aid that was delivered to frontline distribution groups by DA.
• Aid Group - I volunteer with a community group that uses DA to send or receive aid.
• Partner - I work at a DA partner, service provider, or in-kind aid donor.
• Donor - I donate to DA, or my company sponsors them.
• Other - None of these options describe my relation to DA.
• None - This is my first time engaging with DA.

Followup

• Contribute content or code to help resolve this issue.
• Review & test the changes to help decide if the issue is resolved.
• Donate to help maintain this project.
• Receive a notification when this issue is resolved and the changes are live.
• Continue to make other contributions to DA's projects, or join DA as a committed volunteer.
• Recieve more information about DA and this project.
• After submitting this issue, I do not wish to engage with DA further or recieve any additional followup.

IP Ownership

The materials are available under an open-source / open-content license (MIT, Creative Commons, etc).

Ownership Details

Distribute the Aid Team and mentees for the OSS program.

Attestations & Copyright Assignment

• To assign Distribute Aid the copyright of any materials you created specifically for this project.
• That Distribute Aid has the rights to use any materials you submit which were created by you or others for general use.
• That you have specified any additional licensing requirements related to the materials (crediting the original creators, licensing fees, etc).
• That the materials are not also encumbered by a patent or other types of intellectual property that limit our ability to use them.

Code of Conduct

• I agree to follow Distribute Aid's Code of Conduct.