anghelalexandra

cborodescu

abarbulescu

FEB 2020 UPDATE: A NEW & RESPONSIVE PWACOMMERCE THEME IS COMING SOON! STAY TUNED AT <a href="https://pwacommerce.com" rel="nofollow ugc">PWACOMMERCE.COM</a>
<a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce</a> is a mobile plugin that helps you transform your WooCommerce shop into a progressive mobile web application implemented with React, Redux and Semantic UI. It comes with multiple ecommerce app themes that you can purchase individually or as a bundle.
PWACommerce is supported on iOS and Android smartphones and tablets. Compatible browsers: Safari, Google Chrome, Android – Native Browser.
It has been tested on WordPress 5.3.2 and later.
What PWACommerce enables you to do:
Progressive Web Apps
Some of the key features of progressive web apps are:
<ul>
<li>Add to Homescreen. Readers can add the mobile web application to their homescreen and run it in full-screen mode, making it easy to launch and return to your app.</li>
<li>Smooth animations, scrolling, and navigations keep the experience silky smooth.</li>
<li>Responsive UI. The mobile web application is sensitive to various screen sizes and orientation changes: landscape, portrait. In other words, the look and feel of the mobile web app seamlessly morphs into the screen size of users’ devices.</li>
<li>App Themes. You can offer your users an exceptional buying experience by giving them a mobile web application with a native app-like look & feel. The default theme comes with basic features/options, but more app themes will be made available at <a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce.com</a>.</li>
<li>Analytics. PWACommerce easily integrates with Google Analytics.</li>
</ul>
PWACommerce also comes with a PRO version suitable for online stores that want to take full advantage of the Progressive Web App technology and increase engagement and conversions. Some of the benefits of using <a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce.com</a> are:
<ul>
<li>
Offline Mode. The app’s shell and content is cached using service workers. Categories and products are saved in the browser’s local storage while your users navigate through the app, together with products added to the shopping cart. This offers a full app-like experience to your users, allowing them to continue using the app even when they don’t have a network connection.
</li>
<li>
Web Push Notifications. We have integrated with the OneSignal WordPress plugin, allowing you to engage users through push notifications. This is one of the most requested PWA features, proven to increase user engagement by up to 4x.
</li>
<li>
We take pride in offering fantastic <a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce</a> maintenance and hands-on support. Our team of friendly progressive web app experts makes sure technology doesn’t stand in your way.
</li>
<li>
Access to multiple app themes that can be purchased individually or as a bundle.
</li>
<li>
Web Push Notifications. We have integrated with the OneSignal WordPress plugin, allowing you to engage users through push notifications. This is one of the most requested PWA features, proven to increase user engagement by up to 4x.
</li>
</ul>
Your mobile users will be able to benefit from a rich mobile buying experience on their favorite mobile device without needing to go through an App Store and install anything.
Our tech stack for developing the mobile PWA includes:
<ul>
<li><a href="https://github.com/facebook/create-react-app" rel="nofollow ugc">Create-React-App</a> for bootstrapping the project.</li>
<li><a href="https://react.semantic-ui.com/introduction" rel="nofollow ugc">React-Semantic-UI</a> (the official React integration for Semantic UI) for adding UI components such as buttons, grids, forms, etc.</li>
<li><a href="https://reacttraining.com/react-router/" rel="nofollow ugc">React-Router</a> for navigating between screens.</li>
<li><a href="https://redux.js.org/" rel="nofollow ugc">Redux</a> for managing the app state.</li>
<li><a href="https://jestjs.io/" rel="nofollow ugc">Jest</a> for unit testing.</li>
<li>Eslint and the <a href="https://github.com/airbnb/javascript" rel="nofollow ugc">Airbnb coding standard</a>.</li>
</ul>
We enjoy writing and maintaining this plugin. If you like it too, please rate us. But if you don’t, let us know how we can improve it.
Have fun on your mobile adventures.
<h3>Roadmap</h3>
Our roadmap currently includes: 
* Adding a complete checkout process 
* Adding better variations support 
* Adding product search functionality
<h3>Repositories</h3>
We currently have two Github development repositories:
<ul>
<li><a href="https://github.com/rock-solid/pwacommerce" rel="nofollow ugc">https://github.com/appticles/pwacommerce</a> – The plugin files, same as you will find for download on WordPress.org.</li>
<li><a href="https://github.com/rock-solid/pwa-theme-woocommerce" rel="nofollow ugc">https://github.com/appticles/pwa-theme-woocommerce</a> – Development files for the Progressive Web App implemented with React, Redux and Semantic UI.</li>
</ul>

PWACommerce – WooCommerce Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps

PWACommerce is a mobile plugin that helps you transform your WooCommerce shop into a progressive mobile web application.

woodyhayday

This is for the makers.
We all love to share those final shots of completed works, but what really captivates your audience is the story of the how you made it. Project Pages helps you express your work in all its glory, share it with others consistently, and learn from what you’ve made.
🛠️ <a href="https://projectpages.io" rel="nofollow ugc">ProjectPages.io</a> | 📚 <a href="https://projectpages.io/docs" rel="nofollow ugc">Docs</a> | 👊 <a href="https://projectpages.io/join/" rel="nofollow ugc">Join the Community</a>
<iframe loading="lazy" title="Project Pages v2.0 Tour" width="750" height="422" src="https://www.youtube.com/embed/K8gHLsrdgS4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>🕶️ Project Pages Benefits:</h3>
<ol>
<li>Record your work easily: Add and edit your projects easily from within WordPress admin. </li>
<li>Build up a Portfolio of your Work: By repeating the flow of making a project page for each thing you make</li>
<li>Connect the dots backwards: Seeing all of your work in one format helps you, and others, infer the larger brush-strokes of your work</li>
</ol>
<blockquote>
<a href="https://projectpages.io/#what-is-project-pages-wordpress-portfolio-plugin" rel="nofollow ugc">See all Project Page Portfolio Features</a>
</blockquote>
🍻 Now available: PRO version – with custom statuses!: <a href="https://projectpages.io/pro" rel="nofollow ugc">Upgrade now</a>
<h3>🧰 Is This a Portfolio Maker? A Portfolio Theme?</h3>
Well it’s a little of both, and more. There are portfolio themes out there, and other portfolio plugins. For me these lacked structure and didn’t ever end up looking how I wanted them to. Project Pages was built from the ground up for makers & creators who make cool stuff.
Fundamentally: Project Pages helps you record projects, and present them in your WordPress site.
<h3>🥸 Who’s it for?</h3>
Project Pages is for…
<ul>
<li>Indie Makers</li>
<li>Artists</li>
<li>Creators</li>
<li>Designers</li>
<li>Film Makers</li>
<li>Craftspeople</li>
<li>Illustrators</li>
<li>Entrepreneurs</li>
<li>Photographers</li>
<li>Software Engineers</li>
<li>Side-Project Machines</li>
</ul>
<h3>🛠️ Who made it?</h3>
👋 I’m Woody Hayday and I built Project Pages to showcase the things I’ve made, but along the way it showed me how important ‘making’ was for me. It helped me Connect the dots of my life.
<ul>
<li>Maker – I enjoy metalwork, carpentry, architecture. I can’t not build things</li>
<li>Software engineer & entrepreneur – I’ve built 30+ plugins/apps, and many profitable businesses</li>
<li>Permaculturalist – I’ve planted thousands of trees and am building a cabin in the woods</li>
</ul>
You can see my <a href="https://woodyhayday.com/projects/" rel="nofollow ugc">Project Pages here</a>, my homepage <a href="https://woodyhayday.com/" rel="nofollow ugc">here</a>, and my blog <a href="http://woodyhayday.com/blog" rel="nofollow ugc">here</a>.
<h3>🎟️ How to get started (Try out this <a href="https://projectpages.io" rel="nofollow ugc">Portfolio Maker</a>)</h3>
You can find all this in more detail on the <a href="https://projectpages.io/docs/getting-started-with-project-pages/" rel="nofollow ugc">Getting Started guide</a> or you can browse the <a href="https://projectpages.io/docs/" rel="nofollow ugc">full docs</a>.
<ol>
<li>Download and <a href="https://wordpress.org/plugins/project-pages/#installation" rel="ugc">install this plugin</a></li>
<li>Click “Project Pages” from your WordPress admin bar</li>
<li>Follow the “Steps to Project Pages Mastery” on the Welcome page</li>
<li>Enjoy adding all of the things you’ve made!</li>
<li>If you like it, grab the <a href="https://projectpages.io/pro" rel="nofollow ugc">PRO Version</a></li>
</ol>
<h3>🗺️ Project Page Features</h3>
Here you can read through the main features of Project Pages. If you think there’s a killer feature missing, please do <a href="https://wordpress.org/support/plugin/project-pages/" rel="ugc">tell me in the support forum</a>.
<ul>
<li>🔩 Features & Benefits
<ul>
<li>2 minute install</li>
<li>Record ‘Projects’ in WordPress</li>
<li>Add Logs to your project as you go</li>
<li>Tag your projects</li>
<li>Stylise your projects with custom hero backgrounds (New: Video backgrounds)</li>
<li>Showcase your projects on your WordPress website</li>
<li>Share your projects via Social Sharing (Facebook, Twitter/X, LinkedIn, Telegram)</li>
<li>Gutenberg friendly, Block-built</li>
<li>Can be used as a ‘Portfolio Maker’</li>
<li>Customisable</li>
<li>Self-hosted: stand-alone at yourdomain.com/projects (NEW: customisable root slug)</li>
<li>Ready to be translated into your own language (Translation ready)</li>
<li>Fully modify via theme template files or block templates</li>
</ul>
</li>
<li>
And always:
<ul>
<li>Zero feature bloat</li>
<li>Modern, clean code, designed to perform</li>
<li>Works out-of-the-box</li>
<li>Helpful <a href="https://projectpages.io/docs/" rel="nofollow ugc">docs</a></li>
<li>Regular updates</li>
<li>FREE! I made this to give back. Enjoy it, share it if you like it 🖖 (<a href="https://projectpages.io/pro" rel="nofollow ugc">PRO Version</a>)</li>
</ul>
</li>
<li>
🆕 New in 2.0!
<ul>
<li>Added Blocks Templating (kept support for legacy PHP templates) </li>
<li>Improved editor experience (more to follow in updates)</li>
<li>Added Video Backgrounds to Project Hero sections</li>
<li>Overhauled log system</li>
<li>Refactor of data access layer</li>
<li>Added Welcome screen & assistant</li>
<li>Created Knowledgebase (docs)</li>
<li>Improved menus</li>
<li>Improved Hero background options</li>
<li>Added Timeline views for Project Archives and Tags</li>
<li>Added feedback requests</li>
<li>Added social sharing options to front end: FB/X/LI/Telegram</li>
<li>Added custom templates for tweets and telegram messages</li>
<li>Added ‘Recent Project Logs’ block</li>
<li>Added Hero block</li>
<li>Added Query Loop block</li>
<li>Added Project Summary block</li>
<li>Added single project caching to DAL</li>
<li>Added Project Status Card block</li>
<li>Added Project Body block</li>
<li>Added Project Logs block</li>
<li>Added Archive Hero block</li>
<li>Added Archive Body block </li>
<li>Added Tag Cloud block</li>
<li>Added Gutenberg Block Templates for Single, Archive, and Taxonomy pages</li>
<li>Cleaned and tidied everything 🧹</li>
<li>Added Default/Legacy template support</li>
<li>Refined settings model to better support v2.0 features, while sustaining legacy project pages</li>
<li>Added ability to change permalink root (<code>projects</code>) to other strings (e.g. <code>achievements</code>)</li>
<li>Updated translations for UK and US</li>
<li>Added Social Sharing OG Meta tags (optional) for better sharing</li>
<li>Block-enabled theme ready</li>
<li>Backward compatibility with non-block themes</li>
</ul>
</li>
<li>
🩻 Template Modes
<ul>
<li>PHP templates or Block-based templates</li>
<li>Now supports Gutenberg Blocks Templates</li>
<li>Easy to modify Templates (<a href="https://projectpages.io/docs/templates/" rel="nofollow ugc">Guide</a>)</li>
<li>Works best in child theme</li>
<li>Continued support for Legacy Templates (PHP templates)</li>
</ul>
</li>
</ul>
<h3>A note about block-ready themes</h3>
Please note that if you are using an older theme which is not block-ready, you will not currently be able to use the new templates. This is because they take advantage of the block editor to allow you to customise your project pages.
I highly recommend you move to a block-ready theme, though I understand if you have a long-existing website you may not be able to do this quickly. Hence there is legacy support in Project Pages, ( so I’m sorry if the templates don’t look as pretty as <a href="https://projectpages.io/" rel="nofollow ugc">the examples</a> but unfortunately this is only available to modern themes, as supporting non-block themes is outside of what I can do for this for free! )
<ul>
<li>
🧊 Portfolio Blocks
<ul>
<li>Global Blocks:
<ul>
<li>Query Loop</li>
<li>Tag Cloud block</li>
</ul>
</li>
<li>Project Page Template Blocks:
<ul>
<li>Breadcrumb block</li>
<li>Hero (Single / Archive / Taxonomy)</li>
<li>Project Summary</li>
<li>Project Card</li>
<li>Project Body</li>
<li>Project Logs</li>
<li>Archives / Taxonomy Loop (body)</li>
</ul>
</li>
</ul>
</li>
<li>
🌄 <a href="https://projectpages.io/pro" rel="nofollow ugc">PRO Version</a>
<ul>
<li>Custom Statuses:
<ul>
<li>Customise statuses for your projects</li>
<li>Customise status labels and colours</li>
</ul>
</li>
<li>Awesome Automatic Share Image Generation
<ul>
<li>Generate OG Meta images automatically</li>
<li>Choose from 25+ backgrounds</li>
<li>Improves sharing reach</li>
<li>Makes your project pages look very pro when sharing</li>
<li>Requires Imagemagick PHP extension (mostly everywhere)</li>
</ul>
</li>
<li>Extra Blocks:
<ul>
<li>Related Projects</li>
<li>Featured Project (can show a random project too!)</li>
</ul>
</li>
<li>Prompts system:
<ul>
<li>Pre-written prompts to help you write up your projects</li>
<li>Individual prompts or prompt sets</li>
<li>Designed for makers, creators, artists, entrepreneurs</li>
</ul>
</li>
<li>PRO Project Pages
<ul>
<li>The PRO version includes extras that not everyone may need, but if it helps you out, or you like the concept, I appreciate your support.</li>
<li><a href="https://projectpages.io/pro" rel="nofollow ugc">Get Pro</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<h3>Project Pages – The online home for stuff you make</h3>
Whether you make furniture, buildings, art, take photos, collect rare objects, or invent things: Project Pages is the perfect place to log and share your side-projects, (especially if you’re already using WordPress).
Built by a maker, for makers. This is an adaptable, simple (but not shallow!), Project Portfolio generator. Project Pages helps you take the essence of each thing you make, record the making process, and share it in the most constructive way possible.
🛠️ <a href="https://projectpages.io" rel="nofollow ugc">ProjectPages.io</a> | 📚 <a href="https://projectpages.io/docs" rel="nofollow ugc">Docs</a> | 👊 <a href="https://projectpages.io/join/" rel="nofollow ugc">Join the Community</a>
<h3>❓Common Questions and Answers about Project Pages / Online Portfolios</h3>
How do I make my own Portfolio website?
There are many ways to make your own portfolio website. I’m biased, but I think Installing WordPress and Project Pages is a great way. Using my WordPress template portfolio just makes it all easy.
What should be in a Portfolio website?
That all depends on your aims. If you’re intending to get work from this, try highlighting the work you’ve done already which qualifies you – perhaps client case studies, or particular projects.
If you aim is to document your work, for yourself and others then maybe put the meaningful projects in, or all of them so you can connect the dots later.
How do I get my portfolio noticed?
First up the thing 90% of people miss: MAKE A PORTFOLIO. So many people leave folders on their computers never to be shared publically.
Once you’ve got your Project Pages displaying your recent work, sharing becomes a consistent part of the workflow. Consistently sharing your work will get it noticed.
How do I make my portfolio stand out?
There’s obviously a marketing aspect here, that would be better answered on the Project Pages blog. Fundamentally though, people want stories. They want to see what you’ve made, how you’ve made it, and why.
There are many ways to make your portfolio stand out, but for me it starts with selecting projects you deeply care about or really interest you; this makes the standing out easier later because you can use the bigger context to reach more people.
How do you promote your portfolio on LinkedIn/Social Media?
Use Project Pages. Upload your Projects, give lots of context. Share consistently. It’s one thing having a portfolio maker make you a portfolio, but the key is to contextually share your projects after you’ve posted them. This sends your maker story out into the social web.
How much of this plugin is really ‘free’?
The core is most of the code, and it’ll always be free. It’s totally usable, in fact it’s epic, on it’s own. I’m building a few extra features that I needed personally, and that users have asked for; these are available in the <a href="https://projectpages.io/pro" rel="nofollow ugc">PRO version</a>, it’s just there for you to support the plugin if it’s valuable to you.

Project Pages – Portfolio Template, Portfolio Maker, Work Context Explorer!


I've had this active a couple of years now and happy to see it's in active development again 



Give it a try, it's an easy way to show your projects/hobbies on your site 


Nice little plugin

Project Pages is an opinionated Portfolio Maker. Project Pages helps you document your project stories, and make better stuff.

PWACommerce – WooCommerce Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps vs Project Pages – Portfolio Template, Portfolio Maker, Work Context Explorer!