Skip to content

yongabyte/zz-timeline

Repository files navigation

🌱 Zz Plant Growth Timeline

Build Action Deployment Action

Welcome to the Zz Plant Growth Timeline project built with Next.js! This project showcases the journey of a Zz plant (Zamioculcas zamiifolia), also known as the Zanzibar Gem, as it grows from a single leaf during the height of the pandemic. Follow along as we document the various stages of its growth with pictures and descriptions.

πŸ“— About the Zz Plant

The Zz plant, scientifically known as Zamioculcas zamiifolia, is a popular indoor plant known for its resilience and ability to thrive in low-light conditions. Its glossy, dark green leaves make it an attractive addition to any space. During the pandemic, many people turned to indoor gardening as a therapeutic and fulfilling hobby, and the Zz plant was a perfect choice for those looking for a low-maintenance and visually appealing plant companion.

Project Overview

This project aims to document the growth of a Zz plant from a single leaf cutting. We've captured various stages of its development and created a timeline to share this journey with you. Each stage is represented by a photo, allowing you to witness the plant's progress over time.

Note: We've used the react-chrono component to create the interactive timeline in this project.

Usage

Feel free to explore the timeline and enjoy the journey of our Zz plant. If you're interested in creating a similar project or have any questions, please don't hesitate to reach out.

Create Your Own Plant Growth Timeline

Feeling inspired by our Zz plant growth journey? You can use this project as a template to record the growth of your own plants, whether they're indoor or outdoor. Here's how you can get started:

Folder Structure

Create a directory within your project, such as public/images, to store your plant growth images.

Here's an example folder structure:

   project-root/
   β”œβ”€β”€ ...
   β”œβ”€β”€ public/
   β”‚ └── images/
   β”‚ β”‚ β”œβ”€β”€ 20220101_090000.jpg
   β”‚ β”‚ β”œβ”€β”€ 20220115_093000.jpg
   β”‚ β”‚ └── ...

Installation

  1. Clone this repository to your local machine.
    git clone <repository-url>
    
  2. Navigate to the project directory.
    cd <project-directory>
    
  3. Install project dependencies.
    npm install
    
  4. Start the development server.
    npm run dev
    

Open your web browser and visit http://localhost:3000 to view the Zz Plant Growth Timeline.