https://github.com/nk-crew/visual-portfolio
Modern photo gallery and portfolio plugin with advanced layouts editor. Clean gallery styles with powerful settings in the Gutenberg block.
https://github.com/nk-crew/visual-portfolio
gallery grid gutenberg masonry posts wordpress
Last synced: 10 months ago
JSON representation
Modern photo gallery and portfolio plugin with advanced layouts editor. Clean gallery styles with powerful settings in the Gutenberg block.
- Host: GitHub
- URL: https://github.com/nk-crew/visual-portfolio
- Owner: nk-crew
- License: gpl-2.0
- Created: 2018-02-08T10:27:51.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2025-02-21T10:50:51.000Z (12 months ago)
- Last Synced: 2025-03-05T09:03:04.212Z (11 months ago)
- Topics: gallery, grid, gutenberg, masonry, posts, wordpress
- Language: PHP
- Homepage: https://visualportfolio.co/
- Size: 19.7 MB
- Stars: 44
- Watchers: 3
- Forks: 14
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.txt
Awesome Lists containing this project
README
Modern gallery and portfolio plugin with advanced layouts editor for WordPress.
Website Documentation WordPress Plugin Pro Version
## Overview
Visual Portfolio provides powerful tools to showcase your works and photo galleries. Key features:
- 🎨 Visual Gallery Builder
- ⚡ Optimized Performance
- 📱 Responsive Layouts
- 🖼️ Modern Lightbox
- 🎯 SEO Friendly
- 🔄 AJAX Loading
## Development
### Prerequisites
- PHP >= 7.2
- Node.js >= 18.0
- Composer >= 2.0
### Getting Started
1. Clone the repository
2. Install dependencies:
```bash
npm install
```
### Development Commands
```bash
# Start development
npm run dev
# Build for production
npm run build
# Create plugin zip
npm run build:prod
```
### Code Quality
We use automated tools to ensure code quality. Pre-commit and pre-push hooks are configured for:
- PHP CodeSniffer
- ESLint
- Stylelint
```bash
# Linting
npm run lint:php # Check PHP code
npm run lint:js # Check JavaScript code
npm run lint:css # Check CSS code
# Auto-fixing
npm run format:php # Fix PHP code
npm run format:js # Fix JavaScript code
npm run format:css # Fix CSS code
```
### Testing
We use WordPress's official testing environment powered by Docker and wp-env.
1. [Install Docker](https://www.docker.com/) on your machine
2. Start the server:
```bash
npm run env:start
```
3. Run tests:
```bash
# End-to-end tests (Playwright)
npm run test:e2e
# PHP Unit tests
npm run test:unit:php
```
## License
This project is licensed under the GPL-2.0-or-later License - see the [LICENSE](LICENSE.txt) file for details.