Plant Nursery Online Store Web App with Care Guides and Delivery Slots

A Plant Nursery Online Store Web App with Care Guides and Delivery Slots is a web store where a nursery lists live plants for sale, shows a care guide for each plant, and lets a buyer book a delivery day and time window before checking out. The buyer browses by plant type and light requirement, opens a plant to read its light and water needs, adds plants to a cart, and reserves a delivery slot instead of leaving delivery timing to chance. The store owner manages the catalogue from an admin view, sets how many deliveries each slot can hold, and marks plants in or out of stock. Because live plants are perishable, the guide and the booked slot are not extras: the guide tells the buyer what the plant needs at home, and the slot makes sure someone is home when it arrives. That combination is what separates this project from a generic online store.

The real problem is that a general online store treats a plant like any other parcel. A buyer orders without knowing whether the plant suits a low-light room, how often to water it, or when it will arrive, and a plant left outside an empty house on a hot afternoon can arrive stressed or damaged. Nurseries that sell through phone messages or social-media posts face the other side of the same problem: orders arrive without a delivery time, stock answers are given from memory, and care advice is repeated plant by plant in chat. This project joins the three jobs a nursery actually does — selling, advising and delivering — into one web app, so the buyer gets the plant, the knowledge to keep it alive, and a confirmed delivery window in a single order. Builder note from the demo build: the first cart badge rendered a total of ₹0 because it read the cart before the catalogue data loaded; moving the badge update to run after the catalogue render fixed it, and the gallery cart view now shows the verified demo total of ₹1,348 for the two preloaded items (one Monstera Deliciosa at a ₹599 demo price plus one Areca Palm at a ₹749 demo price).

The Plant Nursery Online Store works as one continuous flow from browsing to a booked delivery: the buyer finds a plant, reads its care guide, adds it to the cart, and then reserves a delivery slot whose remaining capacity is checked before the order is confirmed. The catalogue is the starting point, not a side page, because every plant entry already carries the light and watering facts the buyer needs to judge suitability. The cart keeps a running total as plants are added, and the slot picker only offers days and windows that still have places left, with full windows shown as unavailable rather than silently accepted. The admin side runs in parallel: the owner edits plants, prices and stock flags, and sets slot capacities, so the storefront never promises a plant or a delivery window the nursery cannot honour. Confirming the order locks in the items, the total and the slot together.

1. The buyer opens the storefront and browses the catalogue, searching by plant name or filtering by indoor or outdoor type and by light requirement.
2. Opening a plant shows its care guide: botanical name, light requirement, watering frequency, plant type and a short care note for home care.
3. The buyer adds plants to the cart; the cart header updates the item count and total immediately with every addition.
4. In the cart view the buyer reviews each item, its quantity and the order total before moving to delivery booking.
5. The buyer picks a delivery day from the next 7 days and a time window from the 3 windows offered per day.
6. The slot picker checks remaining capacity for that window: a slot with all 6 deliveries booked (slot capacity, design value) is shown as full and disabled.
7. The buyer confirms the order, and the summary records the items, the total and the booked delivery day and time window together.

This project vs a general grocery store vs a plant-care reminder app

Tech stack:

• HTML5 · CSS · JavaScript
• Node.js · Express
• MySQL relational database
• REST API design
• Admin dashboard UI
• Delivery-slot booking logic
• Responsive CSS grid layout

The Plant Nursery Online Store centres on four capabilities: a searchable plant catalogue with real plant entries, a care guide attached to every plant, a cart that totals the order live, and delivery-slot booking that caps how many deliveries each time window can hold. Around those four, the app adds filters by plant type and light requirement so a buyer with a shady balcony does not have to wade through sun-loving plants, an admin view for catalogue and stock control, and an order summary that repeats the booked day and slot so the buyer can check it before confirming. Together these give a complete, testable store whose every behaviour can be demonstrated in a review: search for a plant, open its care guide, add it to the cart, and book a slot that refuses to overbook.

• [Searchable plant catalogue] The catalogue lists each plant with its common name, botanical name, indoor or outdoor type, light requirement and a demo price, and the buyer can search by name and filter by type and light level.
• [Per-plant care guides] Every plant carries its own guide covering light, watering frequency, plant type and a short care note, so the buyer learns what the plant needs before buying rather than after it arrives.
• [Cart with live totals] Added plants appear in a cart that updates item counts and the order total immediately, and the cart header always shows the current item count and total so the buyer never loses track of the order.
• [Delivery-slot booking with capacity caps] The buyer picks one of 7 delivery days and one of 3 time windows per day, and each slot holds at most 6 deliveries (slot capacity, design value); a full slot is disabled and cannot be booked, so the nursery is never overcommitted.
• [Admin catalogue and stock control] The store owner adds and edits plants, updates prices and care notes, and marks plants in or out of stock from an admin view, so the public catalogue always reflects what the nursery can actually supply.
• [Slot capacity management] The owner sets how many deliveries each time window accepts, and the booking view shows remaining places per slot, which keeps delivery days plannable instead of first-come chaos.
• [Order summary with booked slot] Before confirming, the buyer sees the items, the total and the chosen delivery day and time window on one summary, so the delivery promise is visible and checkable at the moment of order.

• Working single-file nursery store demo (catalogue with 8 plants, care guides, cart, delivery-slot picker with capacity logic)
• Complete web app source code (storefront, cart, slot booking, admin catalogue and stock control)
• Project report PDF (background, store and slot-booking design, implementation, testing procedure, limitations, future scope)
• Abstract PDF (10-section structure matching the report)
• Presentation slides for the final review
• Viva Q&A preparation document (web store design, cart state, slot capacity logic, catalogue data modelling)