Frontend Developer for DeFi Platform: Staking Dashboard Redesign & Real-Time Data

Jobbeschreibung

I’m looking for an experienced frontend developer to help improve and implement UI/UX designs for a DeFi staking platform built on Binance Smart Chain (BSC).
The platform allows users to stake the CENX token and earn BUSD rewards while also being able to trade tokens directly via PancakeSwap integration.
The current dashboard needs a redesign to improve usability, clarity, and responsiveness, as well as real-time data updates. Additionally, the implementation of these design improvements into the existing React app is required.

Job-Anforderungen

1. Responsive Design:
o Ensure the platform is mobile-friendly and visually appealing across all screen sizes.
o Use CSS media queries to handle breakpoints (e.g., 768px and 1024px).
o Fix layout and navigation issues that occur on smaller screens.
2. Transaction History Component:
o Build a new page /history with React Router.
o Implement a table showing transaction details like date, action (stake/unstake), amount, status, and transaction hash.
o Implement filters and pagination for easy navigation.
3. Real-time Data Updates:
o Add auto-refresh functionality to show updated balances and rewards.
o Use setInterval() to fetch the latest data every 10 seconds.
o Implement WebSocket integration for better real-time support (optional).
4. Loading UI States:
o Add loading spinners to all buttons during transactions.
o Implement skeleton loaders for data tables and progress indicators for blockchain calls.
o Disable buttons while processing to prevent multiple submissions.
5. Error Handling:
o Implement Error Boundary to catch JavaScript errors and display user-friendly messages.
o Provide clear error messages and retry buttons for failed operations.