202212-giz-ye-few / idev Goto Github PK

Task title
Design Thanks Component

Task description
Design thanks component

Subtasks

• #4
• #3

Screenshots

Link to the component on Figma
Thanks Component

Problem to resolve 🏗️

Build and develop the requirements Firebase JSON tree that will store and hold the data for the requirements page [Design Provided]

Actions ⚒️

• Build the Firebase JSON tree of the requirements page structure
• Build the base API endpoint so that you can use it everywhere on the website [DRY]
• Add the required API for fetching the requirements data from the JSON tree in Firebase
• Make sure that you have added the (ar) language to the JSON tree and websites can switch between languages

Resources 📚

• Screenshot/s
  
• Figma Design
• More info on how to integrate with Firebase cloud

Task title
Design Login Page

Task description
Design responsive login page, (ar, en) layouts

Subtasks

• Form Title
• Image
• #25
• #30

Screenshots

Link to the component on Figma
Login Page

As a user, I want to have a profile page, so that I can view my profile when needed.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Users can access their profile when they logged in.
• Users must activate their accounts before they can view the profile page.

Linked Tasks 🚩

• #25
• #33
• #26

Resources 📚

• Screenshots
  

• Figma Link
  View Profile Page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

Task title
Develop Book Appointment

Task description
let authenticated user to book appointment, go through ALL steps

Task title
Design Therapist Team Page

Task description
Design responsive therapist team page, (ar, en) layouts

Subtasks

• #4
• #18

Screenshots

Link to the component on Figma
Team

Problem to solve 🏗️

Build and develop the therapist create account page with its functionality that will enable therapists to create their accounts on the website so that they can communicate with users.

Actions ⚒️

• Build the Firebase JSON tree for the therapist account
• Build the API functionality for the therapist to create an account
• Form must have the required validation
• Show request status or message about how the process goes
• Send email confirmation to activate the therapist's account

Resources 📚

• Screenshot/s
  

• Figmae Design

Task title
Design Proffessional Therapist Section

Task description
Design responsive proffessional therapist section

Screenshots

Link to the component on Figma
Proffessional Therapist Section

Task title
Design Auth as Social Media

Task description
Design auth as social media

Subtasks

• OR line
• Facebook & Google

Screenshots

Link to the component on Figma
Signup as social media

Task title
Design Councelor/therapist CTA Pages

Task description
Design responsive councelor/therapist CTA Pages, (ar, en) layouts
PS: In therapist create form, please add gender field, ignore password/confirm password fields

Subtasks

• Requirements Page
• Therapist Create Page
• Therapist Thanks Page

Screenshots
Requirements Page

Therapist Create Page

Therapist Thanks

Link to the component on Figma
Requirements
Therapist Create
Therapist Thanks

Problem to resolve 🏗️

Design the requirements page for the therapist's website so that it contains the requirements that any new therapist who wants to join the website community must be aware of these requirements.

Actions ⚒️

• Design the main and base components for the requirements page [DRY]
• Build the structure of the Firebase JSON tree
• Build and develop the APIs for the requirements page

Resources 📚

• Screenshot/s
  
• Figma Design

Task title
Design Input FormControl

Task description
Design reusable input form control(email, text, password, number, ...etc), could have label

Screenshots

With label

Link to the component on Figma
Input form control

Task title
Design Founding Section

Task description
Design responsive founding section, (ar, en) layouts

Screenshots

Link to the component on Figma
Founding Section

Task title
The task title
Design Form Title Componen
Task description
Put the description here (Mandatory)
Design responsive and reusable

Screenshots
Put at least one screenshot here

Link to the component on Figma
Put the link here

As a store owner, I want to have the contact us page, so that users can contact website support.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Text must be translated into (ar, en)
• Page must use reusable components [DRY]

Linked Tasks 🚩

• #91
• #92
• #93
• #94

Resources 📚

• Screenshots
  

• Figma Link
  Requirements Page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

Task title
Design About Page

Task description
Design responsive About page, (ar, en) layouts

Subtasks

• About us
• Therapist team

Screenshots
About

Therapist team

Link to the component on Figma
About
Therapist team

Task title
Design Hero Section

Task description
Design reponsive hero section, (ar, en) layouts

Screenshots

Link to the component on Figma
Hero Section

Task title
Design Textarea ControlForm

Task description
Design reusable textarea control form, could have label, placeholder

Screenshots

With label and placeholder

Task title
Design Team Section

Task description
Design responsive team section, (ar, en) layouts

Subtasks

• #4
• #17

Screenshots

Link to the component on Figma
Team

As a therapist, I want to have a blog page on my website where I can share my thoughts and insights with potential clients so that they can get to know me better and understand my approach to therapy.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Text must be translated into (ar, en)

Linked Tasks 🚩

• #96
• #97
• #98

Resources 📚

• Screenshots
  

• Figma Link
  Blog page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

Task title
Design Profile Pages

Task description
Design responsive profile pages, (ar, en) layouts

Subtasks

• View Profile
• Edit Profile

Screenshots
View Profile

Edit Profile

Link to the component on Figma
View Profile
Edit Profile

As a user of the therapist website, I want to be able to easily purchase tickets for therapy sessions so that I can secure my spot and receive the support I need to improve my mental health.

On the buy ticket page, I want to be able to see the available dates and times of the therapy sessions and the corresponding ticket prices. I expect the page to be user-friendly, intuitive, and easy to navigate.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Text must be translated into (ar, en)
• Payment Card component must be reusable and selectable

Linked Tasks 🚩

• #121
• #122
• #123
• #124
• #125
• #126

Resources 📚

• Screenshots

• Select a card design
  

• Add card design
  

• View saved cards
  

• Figma Link
  Buy Ticket page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

As a person struggling with anxiety, I want to be able to easily schedule an appointment with a therapist so that I can receive the support and guidance I need to manage my symptoms.

When I visit the therapy provider's website, I should be able to view a list of available therapists and their specialties. I should be able to choose a therapist based on my preferences and schedule an appointment at a time that is convenient for me.

Once I have booked my appointment, I should receive a confirmation email or text message with the date and time of the appointment, as well as any other relevant information or instructions.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Text must be translated into (ar, en)
• The user should be able to view a list of available therapists and their specialties on the therapy provider's website
• The user should be able to schedule an appointment with the selected therapist at a convenient time
• The user should receive a confirmation email or text message after booking an appointment with the date and time of the appointment, as well as any other relevant information or instructions

Linked Tasks 🚩

• Design the booking page following the mobile-first approach
• Build the booking components and build the page according to the design using the reusable components
• #88
• #89
• #90

Resources 📚

• Screenshots

Figure 1: Booking 1	Figure 2: Booking 2
Figure 3: Booking 3	Figure 4: Booking 4
Figure 5: Booking 5	Figure 6: Booking 6
Figure 7: Booking 7	Figure 8: Booking 8

• Figma Link
• Book 1
• Book 2
• Book 3
• Book 4
• Book 5
• Book 6
• Book 7
• Book 8
• Appointment page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

As a user, I want to have a profile page, so that I can view or edit my profile when needed.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Data in the form must be filled in using the user details in the DB
• A user can not submit an updated profile if there are no changes in the form
• User can change email but must activate the new email to be valid
• When the user wants to delete the account a confirmation must show up as well as an email must be sent to confirm the deletion process

Linked Tasks 🚩

• #25
• #35
• #33
• #82

Resources 📚

• Screenshots
  

• Figma Link
  Edit Profile Page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

Problem to resolve 🏗️

Build the Firebase JSON tree for the user/therapist that will store the user/therapist's data [this JSON tree will be used for the authentication (NEEDS MORE STUDY)].

Actions ⚒️

• Builds the Firebase JSON tree for both the user/therapist [PREFETRED TO BE ONE JSON TREE IF POSSIABLE]

Resources 📚

• Screenshot/s

• Figma Designs

  • Figram Design 1
  • Figram Design 2
  • Figram Design 3

• More info on how to build a Firebase JSON tree

Task title
Design Therapist Register Form

Task description
Design responsive therapist register form
PS:

1. ignore password/confirm password
2. Add new field for gender

Subtasks

• #25
• #3

Screenshots

Task title
Design Navbar

Task description
Design Navbar component as shown in screenshot, responsive and (ar, en) layouts

Subtasks

1. Logo
2. Navigation
3. Login button

Screenshots

Link to the component on Figma
Navbar

Task title
Translate Hero Section

Task description
Translate Hero Section

As a therapist, I want to have the requirements page built, so that I can understand what are the base requirement and benefits of joining the website.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Text must be translated into (ar, en)
• Text must not be hard coded so that they must become from the database

Linked Tasks 🚩

• #80
• #81

Resources 📚

• Screenshots
  

• Figma Link
  Requirements Page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

Task title
Design Intro of Page

Task description
Design description of each page

Subtasks

• Title
• Details paragraph

Screenshots

Link to the component on Figma

Task title
Design like-button Multiple Choices

Task description
Design well-apperance choices looks like button, taking into account checked input style.

Screenshots

Link to the component on Figma
Checked choice
Unchecked choice

Task title
Design Signup Page

Task description
Design responsive signup page, (ar, en) layouts

Subtasks

• Form Title
• Image
• #25
• #30

Screenshots

Link to the component on Figma
Signup Page

Task title
Design Therapist Create Page

Task description
Design responsive therapist create page, (ar, en) layouts

Subtasks

• #4
• #24

Screenshots

Link to the component on Figma
Therapist Create Page

As a potential therapist [user], I want to be able to create a secure account and login into a platform that will allow me to connect with clients and manage my schedule effectively [connect to a therapist and manage my connections and appointments].

When I navigate to the login/signup page, I want to see clear instructions on how to create an account and sign in. I want to be able to input my name, email address, and secure password to create my account.

I want to be able to access support resources and contact customer service if I encounter any issues with the platform. Overall, I want a user-friendly and secure login/signup feature that allows me to efficiently manage my practice and connect with my clients.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Text must be translated into (ar, en)
• User/Therapist should be able to create an account using their name, email address, and a secure password
• User/Therapist should be able to create, view or edit the account
• User/Therapist must receive a confirmation email

Linked Tasks 🚩

• #7
• #102
• #29 🔴[component must be reusable]🔴
• #103
• #83
• #84
• #87
• #85
• #106
• #86

Resources 📚

• Screenshots

1. Login
   
2. Sign up
   
3. Thanks
   

• Figma Link
• Login
• Signup page
• Thanks page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

As a website owner of a therapist practice, I want to create and build a comprehensive careers page on my website so that potential employees can easily find and apply for job opportunities at my practice.

Acceptance Criteria 📍

• Design must be responsive and follow the mobile-first approach
• Text must be translated into (ar, en)
• Design must use reusable components [DRY]

Linked Tasks 🚩

• #114
• #115
• Build the DB table/s for the careers page
• #116
• Develop the current open position backend functionality

Resources 📚

• Screenshots
  

• Figma Link
  Careers page

Definition of Done ✅

• Unit Test is written to cover all methods of an issue (user story or task)
• Unit test passed
• Code reviewed
• Usability Review Completed
• Tested on iPad, iPhone, and Android Phone
• Code Peer Reviewed (if not written using Pair Programming)
• Acceptance criteria for each issue (user story) met
• Product owner accepts the User Story

Task title
Design About us page

Task description
Design responsive about us page, (ar, en) layouts

Subtasks

• #4
• Aboutus text
• #20

Screenshots

Link to the component on Figma
About us page

Task title
Develop create a therapist

Task description
let therapist to join if he meets the requirements

Subtasks

• Develop register therapist
• Develop therapist thanks

Task title
Design Homepage

Task description
Design responsive homepage, (ar, en) layouts

Subtasks

1. Hero section.
2. Therapists
3. Communicate through
4. Recent Blogs
5. Purchase tickets.
6. cta for counselors

Screenshots

Link to the component on Figma
Homepage

Task title
Design buttons component

Task description
Design a button as shown in screenshots

Subtasks

• Filled button
  • small btn
  • large btn
• Outlined button

Screenshots
Filled, small btn

Filled, large btn

Outline button

Link to the component on Figma
Put the link here

Task title
Update the readme file for the deployment process.

Task description
The readme file will be updated with the deployment process and the URL of the deployed application.

Subtasks

• Update the readme file with the deployment process.

Task title
Design Member of Team Component

Task description
Design responsive member of team component

Screenshots

Link to the component on Figma
Member

Task title
Design Multi-Step Page for Book

Task description
Design responsive Multi-Step page for booking an appointment with therapist

Subtasks

• #4
• #28
• #27
• #26
• #3
• #29
• Link each step to the next one

Screenshots
Book Step 1

Book Step 2

Book Step 3

Book Step 4

Book Step 5

Book Step 6

Book Step 7

Book Step 8

Link to the component on Figma
Book Step 1
Book Step 2
Book Step 3
Book Step 4
Book Step 5
Book Step 6
Book Step 7
Book Step 8

Task title
Design Profile Preview Component

Task description
Design responsive profile preview

Screenshots

Link to the component on Figma
Profile Preview

Task title
Design Footer

Task description
Design Footer component as shown in screenshot, responsive and (ar, en) layouts

Subtasks

1. Subscribe
2. Navigation links
3. Social media links

Screenshots

Link to the component on Figma
Footer

Task title
Design Dropdown Component

Task description
Design responsive dropdown component

Screenshots

Link to the component on Figma
Dropdown menu

Task title
Design Signup/Signup Thanks/Login Pages

Task description
Design responsive signup/signup thanks/login pages, (ar, en) layouts

Subtasks

• Signup page
• Signup thanks page
• Login page

Screenshots
Signup

Signup Thanks

Login

Link to the component on Figma
Signup
Signup Thanks
Login

Task title
Design Subscribe Component

Task description
Design responsive subscribe component

Subtasks

• Title
• Subtitle
• Subscription form

Screenshots

Link to the component on Figma
Put the link here

Task title
Design Multiple choices by radio

Task description
Design multiple choices by radio

Subtasks

1. Title
2. choices

Screenshots

Link to the component on Figma
Choices