Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Loading UI Design #220

Open
4 tasks
pierrelstan opened this issue Jul 25, 2024 · 1 comment · May be fixed by #232
Open
4 tasks

Loading UI Design #220

pierrelstan opened this issue Jul 25, 2024 · 1 comment · May be fixed by #232
Assignees
Labels
MaterielUI MaerielUI related next.js UI/UX User interface, experience related Web

Comments

@pierrelstan
Copy link
Collaborator

pierrelstan commented Jul 25, 2024

Description:

We need to design and implement a loading UI component for the creating account process and Login process. The goal is to provide a seamless user experience by displaying a progress bar and a subtitle that informs the user that their request is being processed.

Acceptance Criteria:

  • The loading UI is displayed immediately after the user submits the form.
  • The loading UI includes a progress bar that animates to indicate that the account creation process is in progress.
  • a subtitle that says "Creating an account, please wait".
  • The loading UI is displayed for a reasonable time (e.g. 2-3 seconds) before the user is redirected to the next step.

Dependency: This issue is dependent on the completion of the "Implement Sign up UI Design for Web #216" and " Implement Web Login UI design #219 " issues. The loading UI will be displayed after the user submits the sign-up form, so the sign-up UI must be designed and implemented first.

Note: For now, we're only focusing on creating the design UI for mobile view. We'll address the desktop view in a future iteration.

Image

Logging in

Some hints:

Please read our readme for more information/guide/tutorial.
For design guidelines checkout our Figma design
Here is an engineering book in Greenstand.
To know more about our organization, visit our website.
If you want to join the slack community (some resources need the community member's permission), please leave your email address.

@pierrelstan pierrelstan converted this from a draft issue Jul 25, 2024
@pierrelstan pierrelstan added Web MaterielUI MaerielUI related next.js UI/UX User interface, experience related labels Jul 25, 2024
@ShubhamJumde94
Copy link

Hello, I'm Shubham and I'm interested in handling this task. I looked up the dependency as well and it would be nice if I can get a shot at the whole flow. I'm open to discussing this further. Thank you

  • Shubham

@pierrelstan pierrelstan linked a pull request Nov 16, 2024 that will close this issue
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
MaterielUI MaerielUI related next.js UI/UX User interface, experience related Web
Projects
Status: In Progress
Development

Successfully merging a pull request may close this issue.

3 participants