starry-admin

byAdarsh Shukla

You are a world-class senior full-stack developer, UI/UX designer, and system architect. Your task is to build a COMPLETE, PRODUCTION-READY web application for a Medicine Dealer Order Management System in India. IMPORTANT: * The user has ZERO coding knowledge. * So everything must be fully automated, simple to run, and easy to deploy. * Do NOT give partial code. Give COMPLETE working code with instructions. --- 🎯 PROJECT GOAL: Create a web platform where medical store owners can order medicines online, and the dealer (admin) receives instant notifications. --- πŸ‘₯ USER ROLES: 1. ADMIN (Medicine Dealer) * Full control of system * Manage products and orders * Receive real-time notifications 2. CUSTOMER (Medical Store Owner) * Register/login * Browse medicines * Place orders easily --- πŸ” AUTHENTICATION SYSTEM: * Secure login/signup for customers * Admin login (predefined or from database) * Password encryption using bcrypt * JWT-based authentication * Role-based access control --- πŸ“¦ PRODUCT MANAGEMENT (ADMIN PANEL): * Add new product: * Product name * Price * Stock quantity * Category (Tablet, Syrup, Injection, etc.) * Image upload * Edit/Delete products * Auto-update stock after order * Show low stock alert --- πŸ›’ CUSTOMER FEATURES: * Clean modern UI like Flipkart/Amazon * Browse all products * Search and filter by category * Add to cart * Place order While placing order: * Ask: * Medical store name * Owner name * Phone number * Delivery address --- πŸ“¨ ORDER SYSTEM: * When order is placed: 1. Save order in database 2. Instantly show in admin dashboard 3. Trigger REAL-TIME notification to admin * Order Status: * Pending * Confirmed * Dispatched * Delivered --- πŸ”” REAL-TIME NOTIFICATIONS: * Use Socket.io OR Firebase * Admin should get: * Instant popup notification * Sound alert when new order arrives --- πŸ“Š ADMIN DASHBOARD: * View all orders * Filter by: * Date * Status * View customer details * Update order status * Dashboard stats: * Total orders * Daily sales * Pending orders --- πŸ“± UI/UX REQUIREMENTS: * Fully mobile responsive * Very clean, modern, professional design * Fast loading * Use cards, buttons, icons properly --- πŸ”’ SECURITY: * Input validation * API protection * Secure authentication * Prevent unauthorized access --- πŸš€ BONUS FEATURES (IMPORTANT): * WhatsApp button for quick contact * Export orders to Excel * Daily sales report * Basic analytics chart --- πŸ› οΈ TECH STACK (MANDATORY): Frontend: * React.js * Tailwind CSS Backend: * Node.js * Express.js Database: * MongoDB (Atlas cloud) Real-time: * Socket.io --- 🌐 DEPLOYMENT (VERY IMPORTANT): * Frontend deploy on Vercel * Backend deploy on Render * Database on MongoDB Atlas --- πŸ“ OUTPUT REQUIREMENTS: 1. Complete frontend code 2. Complete backend code 3. Folder structure 4. .env file example 5. Step-by-step setup guide (for beginner) 6. Deployment guide (very simple) --- 🎯 FINAL INSTRUCTION: * Make it EXACTLY like a professional medicine ordering system * Code should be CLEAN, ERROR-FREE, and READY TO RUN * Do NOT skip anything * Do NOT assume prior knowledge * Everything should be explained simply --- Now build the complete system. Mujhe esme keval admin bnao baki mere coustomer acount bnayenge and mai sirf product and price and Details and product photo dalu coustomer use select kre and order de and jo address name medikal name number fill kre address jo de vo unka hi ho koi error n jaise hi order de admin wale me notification turant aa jaye mai bhijva dunga aisa professional bnao admin mujhe hi banana website ka name Cura Order rkhna

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD) for starry-admin

1. Introduction

The starry-admin project is a web-based platform designed to streamline the process of managing medicine orders in India. This system empowers Adarsh Shukla, the admin, to manage products and receive real-time notifications when customers place orders. Customers, primarily medical store owners, can independently register, browse products, and place orders with ease. The platform is designed to be professional, user-friendly, and fully automated, ensuring a seamless experience for both admin and customers.

The system is tailored for the Indian market, with locale-specific considerations such as INR currency, IST timezone, and mobile responsiveness for widespread accessibility.

2. System Overview

The starry-admin system is a centralized platform where:

  • Admin (Adarsh Shukla) has full control over product management, including adding, editing, and deleting products, as well as monitoring orders in real-time.
  • Customers (Medical Store Owners) can register, browse products, and place orders independently, providing details such as medical store name, owner name, phone number, and delivery address.

The system ensures real-time notifications for the admin when an order is placed, enabling prompt action. It is built with a focus on security, scalability, and professional design, ensuring a robust and reliable solution.

3. Functional Requirements

Page 2 of 6

Admin Features

  • As Admin, I should be able to log in securely to the system.
  • As Admin, I should be able to add new products with details like name, price, stock, category, and image.
  • As Admin, I should be able to edit or delete existing products.
  • As Admin, I should be notified instantly when a customer places an order.
  • As Admin, I should be able to view all orders and filter them by date or status.
  • As Admin, I should be able to update the status of orders (Pending, Confirmed, Dispatched, Delivered).
  • As Admin, I should be able to view customer details for each order.

Customer Features

  • As a Customer, I should be able to register and log in using my email.
  • As a Customer, I should be able to browse all available products.
  • As a Customer, I should be able to search and filter products by category.
  • As a Customer, I should be able to add products to my cart.
  • As a Customer, I should be able to place an order by providing my medical store name, owner name, phone number, and delivery address.

4. User Personas

Admin

  • Role: Medicine Dealer (Adarsh Shukla)
  • Responsibilities: Manage products, monitor orders, and handle notifications.
  • Technical Expertise: Minimal; the system is designed to be fully automated and user-friendly.
Page 3 of 6

Customer

  • Role: Medical Store Owner
  • Responsibilities: Register, browse products, and place orders.
  • Technical Expertise: Basic; the system is intuitive and easy to use.

5. Visuals Colors and Theme

Color Palette for starry-admin

  • Background: #F5F7FA (Soft Sky Blue)
  • Surface: #FFFFFF (Pure White)
  • Text: #2C3E50 (Deep Navy Blue)
  • Accent: #3498DB (Bright Azure Blue)
  • Muted Tones: #BDC3C7 (Light Gray)

This palette reflects professionalism and trust, aligning with the healthcare industry while maintaining a clean and modern aesthetic.

6. Signature Design Concept

Page 4 of 6

Interactive Starry Night Homepage

The homepage of starry-admin will feature an interactive starry night theme, symbolizing the project's name and its focus on clarity and guidance. Key elements include:

  • Animated Starry Background: A subtle, moving starry sky that creates a calming and professional ambiance.
  • Floating Product Cards: Each product card will appear as a "constellation," with smooth hover animations that highlight product details.
  • Interactive Navigation: A glowing "star" cursor that leaves a faint trail as users navigate the page.
  • Real-Time Notifications: A shooting star animation accompanied by a sound alert whenever a new order is placed.

This design ensures the platform is visually captivating while maintaining usability and professionalism.

7. Non-Functional Requirements

  • Performance: The system should load within 2 seconds on a standard 4G connection.
  • Scalability: The backend should handle up to 10,000 concurrent users.
  • Security: All sensitive data must be encrypted, and APIs should be protected against unauthorized access.
  • Availability: The system should maintain 99.9% uptime.
  • Responsiveness: The UI must be fully responsive across devices, including desktops, tablets, and smartphones.

8. Tech Stack

Frontend

  • React.js
  • Tailwind CSS
Page 5 of 6

Backend

  • Node.js
  • Express.js

Database

  • MongoDB Atlas (cloud-based)

Real-Time Notifications

  • Socket.io

Deployment

  • Frontend: Vercel
  • Backend: Render
  • Database: MongoDB Atlas

9. Assumptions and Constraints

  • Customers will have basic internet access and devices capable of running modern web browsers.
  • The admin will be the sole user of the admin panel.
  • All customer data will be stored securely in compliance with Indian data protection laws.
  • The system will operate in the IST timezone and use INR as the default currency.
Page 6 of 6

10. Glossary

  • Admin: The primary user (Adarsh Shukla) responsible for managing the system.
  • Customer: Medical store owners who register and place orders.
  • JWT: JSON Web Token, used for secure authentication.
  • Socket.io: A library for real-time, bidirectional communication between web clients and servers.
  • MongoDB Atlas: A cloud-based NoSQL database service.
  • Vercel: A platform for deploying frontend applications.
  • Render: A platform for deploying backend applications.
Landing design preview
Login: Sign In
Dashboard: View Stats
Dashboard: View Notifications
Orders: View All Orders
Orders: Update Status
Products: Add Product
Products: Edit Product