static web application for plant enthusiasts to collect, organize, and track their plant journey. No backend- everything runs in your browser!
- 🌱 Plant Collection Management: Add, view, and organize your plants
- 📸 Image Upload: Drag & drop or click to upload plant photos
- 🔍 Smart Filtering: Filter by plant type and search by name/species
- 📊 Dashboard: Overview of your plant collection stats
- 💾 Local Storage: Your data stays on your device
- 📱 Responsive Design: Works on desktop, tablet, and mobile
- 🎨 Beautiful UI: Modern, plant-themed design
- Download all the files to a folder
- Open
index.htmlin your web browser - Start adding your plants!
No installation or server required!
- Frontend: Pure HTML5, CSS3, JavaScript (ES6+)
- Storage: Browser LocalStorage
- Icons: Font Awesome 6
- No Frameworks: Zero dependencies!
- Click "Add Plant" in navigation
- Upload a plant image (drag & drop supported)
- Fill in plant details (name, species, type, light requirements)
- Add care notes if desired
- Click "Add to Collection"
- View All Plants: Click "My Plants" to see your collection
- Filter: Use the dropdown to filter by plant type
- Search: Type to search plant names, species, or notes
- View Details: Click any plant card to see full details
- Delete Plants: Use the delete button in plant details
- Create a folder called
botanical-app - Save each code block in its respective file as shown in the structure
- Open
index.htmlin your web browser - Start adding your plants!
The app will work completely offline and store all your plant data locally in your browser. You can add, view, search, and filter your plant collection with a beautiful, responsive interface!