cleaning-service

byMonish Raj

I am planning to built a website and dashbord for Home service request. Accutaly i like the website "https://www.urbancompany.com" so take this one as a reference Use Black Color gradient theme Satochi Font we are planning to provide Cleaning , Home painting, Ac & Appliance repair, Electrician plumber & carpenter FLow should be - When user click on Cleaning it goes to types (Bathroom , Full home , etc ..) Then there should be display price list. combo list something attractive it should multi select option. after that cart page for overview, promo code. and then payement and confirmation mail. more focus on UX make it more simple steps and more focus to what they wanted. Make it elite style website and use minimal colour.

Home PagePayment PageCart PageCleaning Service Page
Home Page

Comments (0)

No comments yet. Be the first!

Project Tasks

7
#1

Implement Shared Navbar

To Do

As a Frontend Developer, implement the shared Navbar component from its approved JSX/CSS design and reuse it across all declared pages without duplicating local variants. Implementation contract: - Outcome: Implement Shared Navbar - Owned behavior: - As a Frontend Developer, implement the shared Navbar component from its approved JSX/CSS design and reuse it across all declared pages without duplicating local variants. - Implement shared design sections: Navbar. Acceptance criteria: - The task-owned behavior is implemented and verified without undeclared mocks or downstream assumptions. - The shared Navbar component renders once and is reused by every declared consuming page.

AI 90%
Human 10%
High Priority
0.5 days
Frontend Developer
#2

Implement Shared Footer

To Do

As a Frontend Developer, implement the shared Footer component from its approved JSX/CSS design and reuse it across all declared pages without duplicating local variants. Implementation contract: - Outcome: Implement Shared Footer - Owned behavior: - As a Frontend Developer, implement the shared Footer component from its approved JSX/CSS design and reuse it across all declared pages without duplicating local variants. - Implement shared design sections: Footer. Acceptance criteria: - The task-owned behavior is implemented and verified without undeclared mocks or downstream assumptions. - The shared Footer component renders once and is reused by every declared consuming page.

AI 90%
Human 10%
High Priority
0.5 days
Frontend Developer
#3

Implement Home Page

To Do

As a Frontend Developer, implement the approved Home Page page design and the task-owned sections below. Implementation contract: - Outcome: Implement Home Page - Requirement sources: - src-a93b19d701a788d6 - src-c0ea7d752c3107e7 - src-24f5e43b53038306 - src-466c041b60ab6164 - src-84f381fd3362ff4d - Owned behavior: - Search form submission redirects to service page - Responsive grid layout for service categories Acceptance criteria: - The task-owned behavior is implemented and verified without undeclared mocks or downstream assumptions. - Home Page renders with HomeHero and HomeServiceGrid sections - Search form in HomeHero redirects with parameters - HomeServiceGrid displays six categories with navigation - Responsive design and elite aesthetic maintained

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
2 days
Frontend Developer
#4

Implement Cleaning Service Page

To Do

As a Frontend Developer, implement the approved Cleaning Service Page page design and the task-owned sections below. Implementation contract: - Outcome: Implement Cleaning Service Page - Requirement sources: - src-d0c7599c1a4ac592 - src-d48214bae6fca1e2 - Owned behavior: - visible and interactive behavior owned by these sections - Interfaces: - consumed API, data, or event contracts - State transitions: - material source-backed transition with its trigger and observable result - Failure and safety behavior: - source-backed failure behavior owned by this task Acceptance criteria: - The task-owned behavior is implemented and verified without undeclared mocks or downstream assumptions. - observable task-owned checks

Depends on:#2#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
3 days
Frontend Developer
#5

Implement Cleaning Service Page - ComboOffersDisplay Section

To Do

As a Frontend Developer, implement the approved Cleaning Service Page page design and the task-owned sections below. Implementation contract: - Outcome: Implement Cleaning Service Page - ComboOffersDisplay Section - Requirement sources: - src-2c737fdd32149973 - src-6fa69f8edf2b98c5 - src-6aa34d3d3f65a8ee - Owned behavior: - Display combo offers with pricing clarity - Quick-add action for entire combo to cart Acceptance criteria: - The task-owned behavior is implemented and verified without undeclared mocks or downstream assumptions. - Render ComboOffersDisplay section - Display combo details - Add combo to cart functionality

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
1.5 days
Frontend Developer
#6

Implement Cart Page

To Do

As a Frontend Developer, implement the approved Cart Page page design and the task-owned sections below. Implementation contract: - Outcome: Implement Cart Page - Requirement sources: - src-140206255999da77 - src-10b4f0ed3a8d288f - src-15e37d9e4a4732c8 - src-5c7f8fe6499bd75c - src-5bf5dfe2c53a6cff - src-55dd6c901c923b1e - src-6a6b639535084806 - src-6e705ae943d86b59 - Owned behavior: - Display and manage cart items - Apply and validate promo codes - Proceed to payment - Display pricing breakdown Acceptance criteria: - The task-owned behavior is implemented and verified without undeclared mocks or downstream assumptions. - Cart Page renders with all sections - CartItemsSection allows item management - CartWorkflowSection handles promo codes - CartSummarySection displays pricing - PaymentActionGroup enables payment navigation - PromoControlGroup manages promo input

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
3 days
Frontend Developer
#7

Implement Payment Page

To Do

As a Frontend Developer, implement the approved Payment Page page design and the task-owned sections below. Implementation contract: - Outcome: Implement Payment Page - Requirement sources: - src-3df8fdaa7a3fd415 - src-51808b3a83c898cb - src-5258620a79e40953 - src-a6a8fb5c37b937ca - src-726e26b9c31e56e6 - src-60d28badf3618c0b - Owned behavior: - Display static hero section with animations - Display order summary with pricing breakdown - payment method selection - transaction processing - confirmation display - State transitions: - transaction status change from idle to processing to success - Failure and safety behavior: - form validation errors - transaction processing errors Acceptance criteria: - The task-owned behavior is implemented and verified without undeclared mocks or downstream assumptions. - The Payment Page must render exactly once with the PaymentPageHero and OrderSummary sections. - The PaymentPageHero must display the title 'Complete Your Payment', reassurance copy, and optional icon accents with animations. - The OrderSummary must display an itemized list of services, subtotal, discount, tax, and total amount in INR. - The design structure and theme must match the supplied SRD light palette. - No backend integration is required for these static sections. - Access is shared for all personas. - observable task-owned checks

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
1 day
Frontend Developer
Home Page design preview
Home Page: View service categories
Home Page: Select cleaning category
Cleaning Service Page: Select service type
Cleaning Service Page: View pricing and combos
Cleaning Service Page: Add services to cart
Cart Page: Review cart overview
Cart Page: Apply promo code
Cart Page: Proceed to payment
Payment Page: Select payment method
Payment Page: View confirmation
Home Page design preview
Home Page: View service categories
Home Page: Select cleaning category
Cleaning Service Page: Select service type
Cleaning Service Page: View pricing and combos
Cleaning Service Page: Add services to cart
Cart Page: Review cart overview
Cart Page: Apply promo code
Cart Page: Proceed to payment
Payment Page: Select payment method
Payment Page: View confirmation