UI Redesign - Desktop - Onboarding Screens

[ksanty]

Description The task is to implement the new design for the onboarding menu in the desktop app.

Assets and Design Screens All assets and design screens have already been created.

• The Figma design can be found here
• The Assets required can be found here 206.zip

Additional context This work should be done on the UI_Redesign branch https://github.com/atsign-foundation/atmosphere_pro/tree/ui_redesign

[niyoj]

Hello @ksanty, I have made very few contribution in open source so far but from this october I want to kickstart my contributions. Can you please tell me how to implement he design in basic?

[adilwahla]

@ksanty I will do this assign me please

[tinashe404]

@niyoj if you are new and are just looking for open source experience at this time, I would recommend picking on of the issues with the Beginner label. These are simpler flutter UI changes and all you have to do is use flutter to implement what is shown in the figma screens linked on the issues.

[adilwahla]

well I am working on Mobile not Desktop my bad :) you can assign desktop to anyone else I am working for mobile

[Codesait]

@ksanty I will love to work on this task 🙏🏽. please assign this to me.

[tinashe404]

@Codesait Done. Please let us know if you have any questions.

[Codesait]

@Codesait Done. Please let us know if you have any questions.

I will start immediately. I will reach out if have any questions .

[Codesait]

@Codesait Done. Please let us know if you have any questions.

I need help pointing me to the right onboarding class 🙏🏽

[Codesait]

@tinashe404 I believe this is the ui I will be redesigning;

[tinashe404]

@Codesait Yes that is correct

[Codesait]

@Codesait Yes that is correct

@Codesait Done. Please let us know if you have any questions.

I need help pointing me to the right onboarding class 🙏🏽

@tinashe404 I still need help finding the right class .

[tinashe404]

@nitesh2599 Please assist?

[Codesait]

@ksanty @nitesh2599 please help me locate the right class folder for this task. I need to get started with this task 🙏🏾🙏🏾

[nitesh2599]

@Codesait For desktop it uses custom_onboarding.dart located in lib/screens/common_widgets/custom_onboarding.dart.

[Codesait]

@Codesait For desktop it uses custom_onboarding.dart located in lib/screens/common_widgets/custom_onboarding.dart.

Okay thanks 😊.

[Codesait]

Hi @nitesh2599 @tinashe404

I encountered a blocker which is that the class or green I should be modifying is a package which I don't have access or permissions to edit.

[Codesait]

Hi @nitesh2599 @tinashe404

I encountered a blocker which is that the class or green I should be modifying is a package which I don't have access or permissions to edit.

Not surprised why I could't find it in app lib dir.

I have started working on the screen as a new screen.