Skip to content

OleksandrZadvornyi/plant-shop-landing

Repository files navigation


Logo

Plant Shop

A modern, responsive landing page for an online plant shop
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

About The Project


Plant Shop Preview

Plant Shop is a modern, responsive landing page for an online plant store. The design is based on this Figma template. The website showcases various plants available for purchase with a clean, minimalist design.

Built With

This project emphasizes clean, vanilla web development practices:

  • HTML
  • CSS
  • JS

Development tools:

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

  • Node.js (version 18.0.0 or higher)
    node --version

Installation

  1. Clone the repository
    git clone https://github.com/OleksandrZadvornyi/plant-shop-landing-page.git
  2. Install NPM packages
    npm install

Development

Available Scripts

  • Start development server:
    npm start
  • Build for production:
    npm run build
  • Format code:
    npm run format
  • Check code formatting:
    npm run format:check

Code Formatting

This project uses Prettier for consistent code formatting. The formatting is automatically checked on pull requests through GitHub Actions. To ensure your code meets the formatting standards:

  1. Format your code before committing:
    npm run format
  2. Or enable format-on-save in your editor with the Prettier extension

Deployment

The website is automatically deployed to Netlify on every push to the master branch. You can view the live site at theplantshop.netlify.app.

Contributing

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Note: Pull requests are automatically checked for code formatting using Prettier.

Versioning

This project uses Standard Version for versioning and changelog generation. The version is automatically bumped and the changelog is generated on every push to master through GitHub Actions.

The workflow:

  1. Automatically determines the next version based on commit messages
  2. Updates package.json version
  3. Generates/updates CHANGELOG.md
  4. Creates a new git tag
  5. Creates a GitHub release with changelog notes

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Oleksandr Zadvornyi - @telegram - zadvornyi.alex16@gmail.com

Project Link: https://github.com/OleksandrZadvornyi/plant-shop-landing-page