Objective
Develop the core user interface for SciVerse, including the main pages, modals, shared components, and services to interact with the smart contracts. This milestone focuses on establishing the foundational user experience and blockchain connectivity.

Deliverables

1. Main Pages
   Home/Dashboard Page

Overview stats: Total researchers, reviewers, investors.
Recently registered proposals.
Active DAOs list.
User role & membership status.
Profile Page

Display user role information and stake details.
Show DAO memberships, proposals/reviews, and rewards.
Role change history.
Research Page

Sections for:
Active proposals.
User’s proposals (if a researcher).
Pending reviews (if a reviewer).
Funding opportunities (if an investor).
DAO Page

List of all DAOs.
DAO details view:
Members, supported projects, contribution scores.
Staking Page

Current stake and role information.
Rewards calculator.
Unstake and role change interfaces.
2. Modals
Role Registration Modal

Role selection: Researcher, Reviewer, Investor.
Profile upload for academic, expertise, or investor details.
Stake tokens workflow.
Create Proposal Modal

Form for proposal creation:
Title, authors, description, keywords.
Open-access toggle and pricing.
Milestone definitions with descriptions, funding, and deadlines.
Create DAO Modal

Form to create a DAO with:
Name, category, supported projects, initial stake.
Review Proposal Modal

View proposal details.
Submit reviews with score, comments, and milestone approval.
Stake Management Modal

Stake/unstake tokens.
Claim rewards functionality.
3. Shared Components
Wallet Connection

Connect/disconnect functionality.
Display address and balances (DSCI, ETH).
Transaction Notifications

Real-time status updates for transactions:
Pending, success, error.
Role Badge

Display role information with emoji and verification status.
4. Contract Interaction Services
DeSciHub Service

Membership staking.
Access publications and license IPs.
Create DAOs.
MetadataRegistry Service

Register publications and intellectual property.
Verify milestones.
MembershipNFT Service

Fetch role details.
Verify roles and handle role changes.
Acceptance Criteria
All main pages and modals are functional and integrated with backend services.
Shared components are reusable across pages.
Contract interactions are tested and reliable.
Transaction notifications provide real-time feedback.
Priority: High
Target Completion: Milestone 1 - Infrastructure

Notes:

Focus on responsive design and a clean user interface.
Ensure error handling for all blockchain interactions.
Conduct thorough testing of modals and shared components.