Create Post Profile component

[bitfalt]

Create the Post Profile component which should have an “icon” like shape, the username and the user’s role. The component should receive the following parameters: username and user’s role. Please refer to the color palette for the accurate hex code colors.

Component Image:

Color Palette:

[0xdevcollins]

Could I try solving this?

My Background
I am a Full Stack Blockchain Developer with proficiency in Solidity/Rust, Next.js, TypeScript, React, and Node.js. I've demonstrated my ability to adjust to a variety of requirements, perform well under pressure, and reliably produce user-centric blockchain solutions with 46 significant contributions spread over 12 OnlyDust projects.

[Michaelkingsdev]

Hello @LazarusAA
I am a frontend developer with 4 years of experience. I would really love to work on this task. Can it be assigned to me?

[Pvsaint]

I’d love to work on this task please, I'm Victor Peter, a front-end and smart contract developer. I promise to write a pixel perfect code.

[Kachimercy1]

Can I work on this, please?

[Supa-mega]

Is it okay if I take this?

[Kingsuite]

Can I start working on this?

[3th-Enjay]

May I be assigned to this?

[NueloSE]

Could I take a shot at this?

[kayceeDev]

Mind if I try this one?

[derianrddev]

Hello SocialSphere team,

I’m Derian Rodríguez, a member of the Dojo Coding community ⛩️💻. I’m excited to contribute to your Stellar-based project during the Only Dust 11 hackathon 🚀.

As a full-stack developer, I have experience in:

• Frontend: JavaScript/TypeScript, TailwindCSS, React, Next.js, and shadcn/ui.
• Backend: Node.js (Express.js, Nest.js).
• Web3: Cairo.

Plan to resolve the issue

1. Design a functional React component that includes:
   • An icon-like shape.
   • The username.
   • The user’s role.
2. Use the provided color palette to ensure visual consistency.
3. Validate the final design against the specified Figma scheme.
4. Implement responsive styles to ensure proper visualization across different screen sizes.
5. Test the component to ensure all parameters render correctly.

Here are my profiles:

• GitHub
• OnlyDust

Thank you for considering my application.

[Bran18]

Hello Team,

My name is Brandon Andrey Fernandez, and I am part of the Dojo Coding Community ⛩️💻 KindFi and https://bitcash.org/en. I’m excited about the opportunity to contribute to your project during Only Dust Hackathon #11! 🚀

I am a full-stack developer with experience in Web3 and blockchain technologies, particularly in projects involving smart contracts, AI integration, and decentralized solutions. I have worked on a large number of web3 projects and solutions as for example:

https://masterbots.ai/
https://bitlauncher.ai/en

I am interested in this specific issue because it combines my passions: blockchain, AI technology, and modern web development. I am motivated by the opportunity to improve my skills and contribute to the project. I have participated in hackathons like ODH and other web2 based hackathons.

During the hackathon, I can dedicate approximately 5h min hours per day to working on this issue. I am committed to active collaboration, delivering high-quality code, and maintaining open communication with the team.

You can find my profiles and links here:

• GitHub: https://github.com/Bran18?tab=repositories
• OnlyDust: https://app.onlydust.com/u/Bran18
• X https://x.com/branfdez_18
• LinkedIn: https://www.linkedin.com/in/brandonfdez18/

Thank you for considering my application. Please let me know if you have any questions or need any additional information.

[Jagadeeshftw]

Hi,
I’d love to work on this issue as I have strong experience with front-end development. Please assign this to me, and I’ll deliver an efficient and secure PR within 12-24 hours.

[1nonlypiece]

I’d like to work on this issue as I have experience in building frontend interfaces using frameworks like React and Next.js.

ETA:
I estimate completing this task in about 12-24 hours. Let me know if I can get started!

[akintewe]

Hi, I'm interested in taking on the this task. I am a frontend/ UIUX developer and i have experience in working with detailed designs. I've reviewed the requirements and I'm confident I can deliver. I'd love to discuss further and get started. Looking forward to hearing from you. ETA 8hours :)

[ShantelPeters]

Can I take this from here?

I am a full stack blockchain developer with experience in Cairo , typescript, react , JavaScript, solidity, HTML, and python.. and also UI/UX I have worked on different projects having over 31 contributions ..
please let me give this a go …

[chigozzdevv]

Can I take this from here?

[mimisavage]

Can I attempt this issue?

[Villarley]

Hi, I’m Santiago Villarreal Arley, a proactive and communicative developer with experience in both front-end and back-end Web3 development. I’m a proud member of Dojo Coding and have worked on various projects built on StarkNet and Stellar, where I actively contributed to creating scalable and efficient solutions. I also won a Web3 hackathon Buildathon for my work on BuildMyEvent, an open-source blockchain project focused on solving real-world challenges and integrating useful features.

Additionally, I’m a Gold Contributor with over 15 merged PRs, showcasing my commitment to open-source development and collaborative problem-solving.

To tackle this issue:
I’ll create a Post Profile component that includes an “icon,” username, and user’s role. The component will accept username and user’s role as props and will use the provided color palette for styling. The design will match the provided example image and be fully responsive.

ETA: 12-48 hours. Feel free to reach out via Telegram.

[BrunoAmbricca]

I would like to work on this issue

[suhas-sensei]

May I take this issue on? I'll create a reusable Post Profile component with an icon, username display, and role indicator using a consistent color palette.
Having experience with React component design, I'll ensure proper prop handling and styling while maintaining component reusability

[emarc99]

Mind if I try this one?

[SudiptaPaul-31]

Can I work on this, please?

[khayss]

Could I try solving this?

As a full-stack developer who has good experience working on frontend projects, I can handle this issue.

I'll design this component, adding the required props, implement a responsive styling and make it available to be used seamlessly in the required section of the app.

[Dorcas18]

Can I take care of this issue?

[Nityam573]

Could I take on this issue?