System Requirements Document for Drinkit

1. Introduction

The Drinkit app is designed to provide a seamless ordering and delivery experience for beverages, inspired by the Blinkit app. It targets a broad market with a vibrant and engaging interface, ensuring customers can easily order products and have them delivered by Drinkit delivery partners. The app will require Aadhaar verification for customer orders and will be launched widely.

2. System Overview

The Drinkit app facilitates the ordering and delivery of beverages, requiring Aadhaar verification for customer orders. It includes a home page, login flow, and various pages for product browsing, cart management, and order tracking. Delivery partners will have dedicated interfaces to manage and complete deliveries. The app is inspired by Blinkit but features a unique, playful design.

2a. Product Interpretation and Delivery Boundary

The app will be widely launched, requiring Aadhaar verification for customer orders. It will feature custom UI elements and app-owned identity management. The design is inspired by Jessica Walsh's playful maximalism, ensuring a vibrant and engaging user experience.

2b. Source Content Inventory

Not applicable.

2c. Page Content and Component Coverage

Home Page

• Information/State: Introduction to Drinkit, promotional banners, and navigation options.
• Primary Actions: Navigate to login, browse products.
• Components: Hero image, promotional carousel, navigation bar.
• States: Loading, error, success.

App Login

• Information/State: User login form.
• Primary Actions: Login, navigate to Aadhaar verification.
• Components: Login form, forgot password link.
• States: Loading, error, success.

Verification

• Information/State: Aadhaar verification process.
• Primary Actions: Submit Aadhaar details, verify identity.
• Components: Aadhaar input form, verification status.
• States: Loading, error, success.

Products

• Information/State: List of available products.
• Primary Actions: Browse products, add to cart.
• Components: Product list, search bar, filters.
• States: Loading, empty, error, success.

Cart

• Information/State: Selected products for purchase.
• Primary Actions: Review cart, proceed to checkout.
• Components: Cart items, total price, checkout button.
• States: Loading, empty, error, success.

Orders

• Information/State: Customer's past and current orders.
• Primary Actions: View order details, track delivery.
• Components: Order list, order status.
• States: Loading, empty, error, success.

Deliveries

• Information/State: Assigned deliveries for partners.
• Primary Actions: View delivery details, mark as complete.
• Components: Delivery list, status update button.
• States: Loading, empty, error, success.

Delivery Details

• Information/State: Specific delivery task details.
• Primary Actions: Update delivery status, contact customer.
• Components: Delivery information, status update.
• States: Loading, error, success.

3. Functional Requirements

• As a Customer, I should be able to create an account and log in to order products. (Provenance: explicit)
• As a Customer, I should complete Aadhaar verification before placing an order. (Provenance: explicit)
• As a Customer, I should browse and select products to add to my cart. (Provenance: explicit)
• As a Customer, I should review my cart and proceed to checkout. (Provenance: explicit)
• As a Customer, I should track my orders and view order history. (Provenance: explicit)
• As a Drinkit delivery partner, I should view assigned deliveries and update their status. (Provenance: explicit)
• As a Drinkit delivery partner, I should complete deliveries and mark them as done. (Provenance: explicit)

4. User Personas

• Customer: Completes Aadhaar verification, browses and orders products, tracks deliveries.
• Drinkit Delivery Partner: Manages and completes assigned deliveries.

5. Core User Flows

Customer Flow

1. Access the home page and navigate to the login page.
2. Log in or create an account.
3. Complete Aadhaar verification.
4. Browse products and add desired items to the cart.
5. Review the cart and proceed to checkout.
6. Track the order and view delivery status.

Delivery Partner Flow

1. Log in to the app.
2. View assigned deliveries.
3. Access delivery details and update status.
4. Complete deliveries and mark them as done.

6. Visuals Colors and Theme

• Palette: Background #FFFAF0, Surface #FFFFFF, Text #333333, Primary #FF69B4, Accent #FFA500, Muted #FFDAB9.
• Typography: Headings — Archivo Black, Body — Nunito.
• Shape Language: Bold color fields, overlapping elements, playful shapes.
• Layout: Freeform and overlapping with playful elements.
• Motion: Bouncy scale-ins, marquee text.

7. Signature Design Concept

An oversized hero with a vibrant photo cutout against a bold pink background, featuring playful typography overlaying it in dynamic angles. The CTA is integrated into the imagery, creating an engaging entry experience.

8. Interaction Model & Motion Direction

• Interaction Model: Animated
• Motion Tempo: Expressive
• Hero Dimensionality: Layered_2d
• Landing Hero Motion Brief: An oversized hero image with playful typography and bouncy animations, creating an engaging and dynamic first impression.

9. Non-Functional Requirements

• The app must support a wide-ranging launch. (Provenance: explicit)
• Aadhaar verification must be secure and reliable. (Provenance: explicit)

10. Tech Stack

• Frontend: React Native
• Backend: Python/FastAPI
• Database: PostgreSQL
• Deployment: Docker, Kubernetes

11. Assumptions and Constraints

• Aadhaar verification is mandatory for all customer orders.
• The app will be launched widely without geographical restrictions.

12. Glossary

• Aadhaar: A unique identification number issued by the Indian government.
• CTA: Call to Action, a prompt for users to engage with the app.
• Hero Image: A large, prominent image on a webpage, often used as a focal point.