Skip to content

jeturgavli/Botanica

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌿 Botanica - Plant Collection App

static web application for plant enthusiasts to collect, organize, and track their plant journey. No backend- everything runs in your browser!

✨ Features

  • 🌱 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

🚀 Quick Start

  1. Download all the files to a folder
  2. Open index.html in your web browser
  3. Start adding your plants!

No installation or server required!

📁 Project Structure

image

🛠️ Technology Stack

  • Frontend: Pure HTML5, CSS3, JavaScript (ES6+)
  • Storage: Browser LocalStorage
  • Icons: Font Awesome 6
  • No Frameworks: Zero dependencies!

🌟 Usage

Adding a Plant

  1. Click "Add Plant" in navigation
  2. Upload a plant image (drag & drop supported)
  3. Fill in plant details (name, species, type, light requirements)
  4. Add care notes if desired
  5. Click "Add to Collection"

Managing Your 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

🎯 How to Use

  1. Create a folder called botanical-app
  2. Save each code block in its respective file as shown in the structure
  3. Open index.html in your web browser
  4. 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!

About

static web application for plant enthusiasts to collect, organize, and track their plant journey.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 54.2%
  • CSS 26.9%
  • HTML 18.9%