Bounty: Update Application Design, Pages and Components - 400 OP Tokens

[kamescg]

👨‍💻 User Story

As a smart contract developer focused on building Open Finance protocols I want an application template to easily create new Web3 Savings assets using the PoolTogether protocol.

More specifically I want a template integrating the upcoming PoolTogether V5 hyperstructure and Web3 Savings Cards. So anyone can create a simple user onboarding flow tailored to a specific asset and user market.

📜 Disclaimer

To be eligible for the payout you must first get approval to work on the bounty.

• Join the ⚡️TurboETH Discord channel
• Introduce yourself in the general channel
• Announce your interest in the bounty channel

It's recommended to share a link to your personal Github account.

🧱 Project

Update the Banks template to match the latest mockups and design concepts.

https://www.figma.com/file/sG6vqKMrwbHaY0E9IX0uGa/Banks?type=design&node-id=0%3A1&t=Vf6bfIUx6ciISv1p-1

Required Functionality:

1. Custom TailwindCSS Color Palette
2. Deployed on Vercel

Developer Tasks:

General

• Create new app using latest TurboETH template.

Components

• Create Component - components/form-ptv5-vault-deposit.tsx
• Create Component - components/form-ptv5-vault-withdraw.tsx
• Create Component - components/form-ptv5-create-prize-pool.tsx
• Create Component - components/form-ptv5-create-savings-card.tsx
• Create Component - components/form-reward-erc20-stream.tsx
• Create Component - components/form-reward-erc721-chance-delegation.tsx
• Create Component - components/card-token-preview.tsx
• Create Component - components/modal-deposit.tsx
• Create Component - components/modal-withdraw.tsx
• Create Component - components/modal-prize-pool-advanced-settings.tsx

form-ptv5-vault-deposit.tsx
https://www.figma.com/file/sG6vqKMrwbHaY0E9IX0uGa/Banks?type=design&node-id=52%3A660&t=Vf6bfIUx6ciISv1p-1

form-ptv5-vault-withdraw.tsx
The withdraw form is exactly the same design/layout as the deposit form.

form-ptv5-create-prize-pool.tsx
https://www.figma.com/file/sG6vqKMrwbHaY0E9IX0uGa/Banks?type=design&node-id=13%3A213&t=Vf6bfIUx6ciISv1p-1

form-ptv5-create-savings-cards.tsx
https://www.figma.com/file/sG6vqKMrwbHaY0E9IX0uGa/Banks?type=design&node-id=18%3A1060&t=Vf6bfIUx6ciISv1p-1

form-reward-erc20-stream.tsx
https://www.figma.com/file/sG6vqKMrwbHaY0E9IX0uGa/Banks?type=design&node-id=51%3A493&t=Vf6bfIUx6ciISv1p-1

form-reward-erc721-chance-delegation.tsx
https://www.figma.com/file/sG6vqKMrwbHaY0E9IX0uGa/Banks?type=design&node-id=51%3A336&t=Vf6bfIUx6ciISv1p-1

modal-prize-pool-advanced-settings.tsx
https://www.figma.com/file/sG6vqKMrwbHaY0E9IX0uGa/Banks?type=design&node-id=18%3A592&t=Vf6bfIUx6ciISv1p-1

card-token-preview.tsx
The component is in the form-ptv5-create-prize-pool.tsx mockup.

Application

• Create root Layout - app/layout.tsx
• Create root Page - app/page.tsx
• Create create-rewards Page - app/create-rewards/page.tsx
• Create create-prize-pool Page - app/create-prize-pool/page.tsx
• Create create-savings-card Page - app/create-savings-card/page.tsx

File Structure

The Banks template app file structure should be minimal. Including only a few routes.

Application

app/
├─ layout.tsx
├─ page.tsx
├─ opengraph-image.tsx
├─ create-prize-pool
│  ├─ page.tsx
├─ create-savings-card
│  ├─ page.tsx
├─ create-rewards
│  ├─ page.tsx

💰 Bounty Reward

The bounty reward is 400 OP tokens and TurboETH DevPass digital collectible.

TurboETH is the recipient of 18,271.88 OP Tokens from Optimism Retroactive Public Goods Funding. OP tokens earned from RPGF are helping fund TurboETH bounties.

Notice

The final integration may not resemble the proposed integration - that's O.K - a natural part of software development.

During development you might discover an original hypothesis doesn't make sense. No problem. Make a comment and clearly explain why a new approach is better than old one. Get rewarded for thinking out of the box.

The final bounty reward can be increased to match new bounty tasks.

Resources

• ⚡️ TurboETH
  • Overview - http://docs.turboeth.xyz

[3scava1i3r]

Interested🙌🏼

[SouravInsights]

I'm interested.. @kamescg Just wondering, is it just a UI specific task? The underlying functionality is already implemented?

[kamescg]

@SouravInsights apologies this bounty was supposed to be categorized in the "In Progress" category.

@underethsea who is a member of the PoolTogether community is helping with one.