winter-price

byNishi Jain

I need to bui website of price co.parision for diff ecommerce like blinkit zepto instamart dmart jiomart amazon flipkart

LandingLoginHomeAPI MonitorDashboardSearchPlatforms
Landing

Comments (0)

No comments yet. Be the first!

Project Tasks12

#1

Implement Theme and Structure

To Do

As a user, I want the application to visually match the mock-design pages so that the experience feels polished and consistent. Implement the global color palette (#F5F9FF background, #FFFFFF surface, #2C3E50 text, #E74C3C accent, #BDC3C7 muted), typography, spacing system, and shared layout components (navbar, footer, containers) across all pages. Remove any scaffold pages not present in the design (e.g. welcome page, ai-assistant page, settings page if not in design). This task must be completed before any individual page implementation.

AI 80%
Human 20%
High Priority
2 days
AI Credits:6
Frontend Developer
#3

Build Login Page

To Do

As a user, I want to sign in to the platform so that I can access the dashboard and admin features. Implement the Login page based on the existing JSX design (Login v6). Includes sign-in form with email/password fields, validation feedback, and navigation to Dashboard on success. Styled using the winter-price theme.

Depends on:#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
1 day
AI Credits:5
Frontend Developer
#6

Build Platforms Page

To Do

As a user, I want to view the list of supported e-commerce platforms so that I know which stores are covered by winter-price. Implement the Platforms page based on the existing JSX design (Platforms v6). Displays platform cards (Blinkit, Zepto, Instamart, DMart, Jiomart, Amazon, Flipkart) with logos, names, and status indicators. Links from Landing and Home pages.

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

Build Home Page

To Do

As a user, I want to explore the platform's features after landing so that I understand what winter-price offers. Implement the Home page based on the existing JSX design (Home v5). Includes feature highlights, supported platform logos, and calls-to-action linking to Platforms list and Search. Styled using the winter-price theme.

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

Build Landing Page

To Do

As a user, I want to see a visually captivating landing page with an Interactive Price Carousel so that I can browse trending products and supported platforms. Implement the Landing page based on the existing JSX design (Landing v2). Includes the horizontal product/platform carousel with smooth transitions, hover effects, platform logo color shifts (Amazon orange, Flipkart blue, etc.), and micro-interaction bounce effects on buttons. Links to: Browse Platforms, Search (placeholder). Depends on theme/structure task being complete.

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

Build Search Page

To Do

As a user, I want to see the product search area so that I know the feature exists even while it is temporarily disabled. Implement the Search page based on the existing JSX design (Search v6). Displays a prominent disabled-search notice/placeholder explaining that product search is temporarily unavailable, with an engaging UI that sets expectations for the future feature. Links from Landing page.

Depends on:#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
1 day
AI Credits:5
Frontend Developer
#9

Platforms Management API

To Do

As an admin, I want to use a backend API to manage platform integrations so that I can add, edit, and remove e-commerce platform configurations. Implement FastAPI endpoints: GET /platforms (list all), POST /platforms (add), PUT /platforms/{id} (edit), DELETE /platforms/{id} (remove). Persist data in MySQL using Alembic migrations. Supports the Platforms page and Dashboard.

Depends on:#6
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
2 days
AI Credits:6
Backend Developer
#7

Build Dashboard Page

To Do

As an admin, I want to view an overview dashboard so that I can monitor the system status and navigate to platform and API management. Implement the Dashboard/Overview page based on the existing JSX design (Dashboard v5). Includes key metrics panels, navigation to Platforms management and API Monitor, and summary cards. Links from Login page on successful authentication.

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

Build API Monitor Page

To Do

As an admin, I want to check and resolve API integration statuses so that I can ensure all platform connections are operational. Implement the API Monitor page based on the existing JSX design (API Monitor v6). Displays real-time status indicators per platform API, error logs, and action buttons to resolve issues. Accessible from Dashboard.

Depends on:#7
Waiting for dependencies
AI 90%
Human 10%
High Priority
1.5 days
AI Credits:6
Frontend Developer
#11

Platforms Data Integration

To Do

As a user, I want the Platforms page to display live platform data fetched from the backend so that I see an accurate and up-to-date list of supported stores. Connect the Platforms frontend page to the Platforms Management API. Handle loading, error, and empty states gracefully. Display INR currency and IST timezone context where relevant.

Depends on:#9#6
Waiting for dependencies
AI 75%
Human 25%
Medium Priority
1 day
AI Credits:4
Frontend Developer
#10

API Monitor Backend Endpoints

To Do

As an admin, I want to use backend API endpoints to retrieve and update API status information so that the API Monitor page reflects live integration health. Implement FastAPI endpoints: GET /api-monitor/status (fetch all platform API statuses), POST /api-monitor/resolve/{platform_id} (mark issue resolved). Integrates with MySQL for status persistence.

Depends on:#8
Waiting for dependencies
AI 80%
Human 20%
Medium Priority
1.5 days
AI Credits:5
Backend Developer
#12

API Monitor Frontend Integration

To Do

As an admin, I want the API Monitor page to display live statuses fetched from the backend so that I can act on real integration data. Connect the API Monitor frontend to the API Monitor backend endpoints. Implement polling or refresh mechanism for near-real-time updates. Handle error and offline states.

Depends on:#10#8
Waiting for dependencies
AI 75%
Human 25%
Medium Priority
1 day
AI Credits:4
Frontend Developer
Landing design preview
Login: Sign In
Dashboard: View Overview
Platforms: Manage Integrations
Platforms: Edit Platform
API Monitor: Check Status
API Monitor: Resolve Issues