Job: Front-end UI

Project Overview

Our client is developing a Front-end UI for data contributors to upload and manage their resume and health data. The platform will enable users to connect their social and crypto accounts, upload data, and participate in a tokenomics-based incentive system. The developer will be responsible for implementing the UI/UX design, integrating with backend services, and ensuring seamless user interaction with the platform.

Key Responsibilities:

1. Frontend Development and UI/UX Design

UI/UX Design:

• Collaborate with design teams to create an intuitive and engaging user interface.
• Implement responsive design principles to ensure compatibility across devices.
• Development:
• Build and optimize the front-end of the web application using modern frameworks (e.g., React.js).
• Ensure cross-browser compatibility and adherence to web standards.
• “Coming Soon” Page:
• Develop a “Coming Soon” page to capture early interest and sign-ups.

2. Backend Integration

Verification: 

• Integrate verification mechanisms to ensure the authenticity of user data.
• Implement email or phone verification as part of the registration process.

API Integration: 

• Work closely with backend developers to integrate RESTful APIs for data management.

User Management: 

• Develop user account features, including registration, login, and profile management.

3. User Database

Secure Data Handling: 

• Ensure secure storage and retrieval of user data.
• Implement efficient database queries for a fast user experience.

4. User Accounts

Social + LinkedIn Login: 

• Integrate social media logins, particularly LinkedIn, for easy onboarding.
• Explore LinkedIn API to automatically fetch and upload user data.

Connect Wallet:

• Integrate with a white-labeled wallet provider, considering options such as Sequence.xyz, to enable users to manage tokens and assets directly from their accounts.
• Consider connectors with WalletConnect and Blocknative’s Web3Onboard to support multiple wallet types.

Upload Data:

• Develop functionality for users to upload their resume and health data.
• Include validation checks to ensure data integrity.

5. Features

Data Validation (Frontend Integration):

• Implement real-time data validation and feedback to users during the upload process.
• Tokenomics Integration:
• Work on integrating the tokenomics system, allowing users to earn and manage tokens.
• Claim and Staking:
• Develop features to enable users to claim rewards and participate in staking activities.

6. CMS Development

Content Management:

• Set up a Content Management System (CMS) for easy content updates and management by non-technical team members.

7. Services Integration

Wallet Integration:

• Whitelabel a wallet provider, such as Sequence.xyz, and explore existing connectors for broader wallet support.

Capsule Integration:

• Consider using Capsule for onboarding and cross-app UX similar to r/datadao’s implementation.

Additional Considerations

• Familiarity with the r/datadao case study for onboarding and data governance is a plus.
• Ensure the solution is scalable and secure, adhering to industry best practices.

Technical Requirements

• Proficiency in React.js, HTML5, CSS3, and JavaScript/TypeScript.
• Experience with API integration and database management.
• Understanding of blockchain, tokenomics, and wallet integrations.
• Familiarity with Capsule, WalletConnect, and Web3Onboard is a plus.