Terra – Plant Shop E-commerce Web Application
Responsive e-commerce plant store with live search, shopping cart, checkout, admin dashboard, and LocalStorage-based data persistence.
Preview Gallery
5 media
Technologies & Skills
Tags
Download at no cost
What's Included
Support & Customization
Resource Links
Terra is a responsive front-end e-commerce web application developed using HTML5, CSS3, JavaScript (ES6), and Bootstrap 5. The application simulates a complete online plant store experience without requiring a backend server.
Users can browse products, search by keywords, filter by categories, view product details, manage their shopping cart, and complete purchases with stock validation. The application stores data using the browser's LocalStorage, allowing product and cart information to persist between sessions.
An integrated admin dashboard enables product management through add, edit, and delete operations. The project follows a modular JavaScript structure, separating storage logic from UI rendering to improve maintainability and code organization.
This project demonstrates practical frontend development skills including responsive design, DOM manipulation, client-side state management, CRUD functionality, and browser-based data persistence.
Future Enhancements
• User authentication and authorization
• Backend integration with a database
• Online payment gateway
• Product reviews and ratings
• Wishlist functionality
• Order tracking
• Product sorting and pagination
• Responsive dark mode
Known Issues
• Data is stored only in the browser using LocalStorage.
• Clearing browser storage resets the application data.
• No user authentication or payment gateway integration.
• Admin dashboard is intended for demonstration purposes.
Installation
1. Download and extract the project archive.
2. Open the project folder.
3. Open index.html in a modern web browser, or run the project using the VS Code Live Server extension.
4. No installation, backend server, or database configuration is required.
5. The application uses LocalStorage to persist products, cart items, and order history.
Usage
Browse products from the homepage, search and filter items, view product details, add items to the cart, complete checkout, view order history, and manage products through the Admin Dashboard. All application data is stored using the browser's LocalStorage.
System Requirements
• Modern web browser (Chrome, Edge, Firefox)
• No backend server required
• No database required
• No additional software installation required
Slides Open in New Tab
For better readability, slides are opened directly. Documents remain preview-only with secure backend rendering.
Showing preview pages only. Purchase for full access to all pages and complete source package.
Login for Full AccessNo Q&A available yet
Be the first to ask a question!
Ask a Question
Customer Reviews
Write Your Review
No reviews yet
Be the first to review this project!
Similar Projects
You might also be interested in these projects
website Development
Full Stack Doctor appointment System
Shipped a full-stack MERN appointment platform with 2 role dashboards (patient and doctor) JWT auth and role-based middleware enforce access across 5
website Development
Geo Face Attendance System
AI-powered attendance system using face recognition and geolocation with secure JWT authentication, admin dashboard, and MongoDB.
website Development
Full-Stack Job & Internship Portal (MERN)
A full-stack MERN job portal featuring JWT authentication, role-based dashboards, job posting, applications, resume uploads, and notifications.
website Development
Quiz Web based application
It contains a application where children and adults also everyone can play games and build their confidence.