WordPress + Twig + Pattern-Lab

Personal site using Atomic Design workflow in WP

https://derulski.com

https://pattern-lab.derulski.com

WordPress
Pattern Lab Twig Edition
InuitCSS
Webpack

Global
Styles
Scripts

Features
Patterns

WP
Theme

Backend

WordPress and dependencies(plugins) are installed using composer

From project root:

$ composer install

Database:

$ vagrant up
$ vagrant ssh

# Vagrant box
$ mysql -u root -proot scotchbox < derulski.sql

Pattern Library

PHP 7 is required to run Pattern Lab Twig Edition

$ cd ui/pattern-lab
$ composer install

UI

$ cd ui
$ npm install

WordPress

$ vagrant up

Navigate to http://derulski.Local

UI

Start dev build and Pattern Lab

$ cd ui
$ npm start

Navigate to http://localhost:8080

In another terminal or tab start Browser Sync for Pattern Lab

$ cd ui
$ npm run dev:browsersync

Derulski.com - Maciej Derulski's personal website UI

Copyright 2017-2018 by Maciej Derulski and contributors

This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA

Wherever third party code has been used, credit has been given in the code's comments.