← Work
Earlier project · 2023
Green Paradise
Plant and gardening e-commerce platform for plant enthusiasts. HTML, CSS, JavaScript implementation. Browse plants, search products, add to cart, checkout, and create user accounts.
e-commerceplantsfrontendgardeningvanilla-js
Green Paradise - Plant E-Commerce
Overview
Fully functional e-commerce website for plant enthusiasts and gardeners. Offers a wide variety of plants and gardening supplies with intuitive browsing and checkout experience. Built with vanilla HTML, CSS, and JavaScript.
Key Features
- Plant Catalog: Browse extensive variety of plants with detailed descriptions
- Care Instructions: Comprehensive plant care guides included
- Product Search: Quick search functionality from navbar
- Shopping Cart: Add/remove items with quantity management
- Order Calculation: Real-time total price display
- User Accounts: Create accounts and login functionality
- Secure Checkout: Complete purchase workflow
- Responsive Design: Mobile, tablet, and desktop optimized
- Product Details: High-quality images and care information
Tech Stack
- Frontend: HTML5, CSS3, Vanilla JavaScript
- Storage: LocalStorage for cart and user data persistence
- Design: CSS Grid and Flexbox for layouts
- Responsive: Mobile-first responsive design
- Deployment: Netlify
Product Categories
- Indoor plants (pothos, monstera, etc.)
- Outdoor plants (flowers, shrubs)
- Gardening supplies and tools
- Plant accessories and pots
- Rare and exotic plants
Pages
- Home page with featured plants
- Product catalog with filtering
- Product detail pages with care info
- Shopping cart
- Checkout page
- User profile with order history
Features Implemented
- Advanced search functionality
- Product filtering by category and price
- Wishlist system for saving favorites
- Order history tracking
- User account management
- Real-time price calculations
- LocalStorage data persistence
- Mobile-responsive navigation