Implement Welcome Screen for desktop platform

[PouriaMoradi021]

Overview

Feature Description

The Welcome Page serves as the entry point for users when they open the application for the first time or after logging out. It provides a simple and clean interface that encourages users to begin the process of initializing the application. This is achieved by a prominent "Start" button that, when tapped, triggers the process of setting up or initializing the app.

Once the user taps "Start," the app begins the necessary steps for initialization, such as setting up a session, loading essential resources, or directing the user to the next part of the app.

Click to expand the scenario

Scenario: Starting the Application

Imagine a user opens the app for the first time. They are greeted by a clean and simple Welcome Page with a "Start" button in the center. The user taps the "Start" button to begin using the app. Upon doing so, the app proceeds to initialize, loading necessary data or setting up configurations as required. After initialization, the user is taken to the next part of the app, such as a dashboard or onboarding process.

Design Reference

• Figma Design: Link to Figma Design
  (Include the relevant Figma design(s) that outline the desired user interface and interactions.)

• Responsive Design:
  Ensure the Welcome Page adapts smoothly to different screen sizes and orientations. Use responsive layout techniques such as MediaQuery for Flutter, ensuring the elements scale appropriately on phones, tablets, and in both portrait and landscape orientations.

• Platform-Specific Implementations:
  Ensure the design aligns with platform-specific guidelines (Android or iOS) and adjusts for platform differences in navigation patterns or gestures.

API Integration

• API Endpoint:
  This page does not require direct API integration, but ensure the initialization process can trigger necessary back-end requests or set up user sessions through API calls when the user presses "Start."

• Data Requirements:
  For the Welcome Page itself, no data is required. However, during initialization, ensure any user session data, configuration settings, or resource requests are correctly handled by the backend.

Related Issues

[PouriaMoradi021]

📊 Progress Update on Issue: Welcome Page Implementation

Progress: 80%

---

✔️ Completed Tasks:

• Task 1: Design and implement the Welcome Page UI based on the Figma reference.
• Task 2: Ensure the "Start" button is functional and triggers the initialization process.
• Task 3: Implement navigation to the next step after initialization (e.g., dashboard or onboarding).
• Task 4: Ensure responsive design for different screen sizes and orientations.
• Task 5: Align the design with platform-specific guidelines for Android and iOS.
• Task 6: Connect the initialization process to backend API calls (if applicable).
• Task 7: Handle session setup and resource loading during app initialization.
• Task 8: Test functionality, UI responsiveness, and cross-platform compatibility.
• Task 9: Update documentation to reflect the implementation details.

---

🚧 Challenges/Blockers:

• No blockers identified at this stage.

---

🛤️ Next Steps:

• Begin implementing the Welcome Page UI with a functional "Start" button.
• Ensure the initialization process is correctly triggered upon user interaction.
• Test navigation flow and ensure a seamless transition to the next part of the app.

---

❓ Questions/Requests:

• A new Figma design link from the UI team needs to be received. This link should be accessible outside the project. Currently, the old link is being used.

---

🔗 References:

• Figma Design: Link to Figma Design

---

🔄 Related Issues:

• N/A

---

@esmaeil-ahmadipour