Recommend this page to a friend! |
Download .zip |
Info | Documentation | View files (70) | Download .zip | Reputation | Support forum | Blog (1) | Links |
Last Updated | Ratings | Unique User Downloads | Download Rankings | |||||
2023-09-25 (5 days ago) | Not yet rated by the users | Total: 19 This week: 19 | All time: 11,038 This week: 5 |
Version | License | PHP version | Categories | |||
maniruzzaman-fronten 1.0.0 | MIT/X Consortium ... | 7.4 | Content management, GUI, Blogs, PHP 7 |
Description | Author ManiruzzamanAkash Contributor | |
This package provides a WordPress plugin for visual front-end development. |
WordPress Fullstack plugin developmennt - Gutenberg block, REST API, and so many...
https://youtu.be/h-BJczvJWLI
Capsule List In Block Editor - Text label settings
Capsule List In Block Editor - Color settings
Frontend - Capsule List with filtering+pagination
Frontend - Capsule detail popup
Frontend - No capsuel found
Frontend - Mobile responsive view
Clone repository
git clone https://github.com/ManiruzzamanAkash/Maniruzzaman-Frontend-Developer.git
Go to folder and install composer
cd Maniruzzaman-Frontend-Developer
composer install
Npm dependencies
npm i
npm start
Active the plugin from your /wp-admin/plugins.php
.
PHPCS Checking
composer run phpcs
Fix PHPCS
composer run phpcbf
PHPUnit test running
composer run test
PHPUnit test with PHPCS
composer run test:all
npm run test:unit
PHPCS - Passed PHPUnit - 15 tests, 23 assertions - Passed
Jest Unit Test - 15 tests - Passed
Commands to start from here -
npm i -g @wordpress/env --save-dev
wp-env start
If everything is successfull, you'll see something like this -
WordPress development site started at http://localhost:8888/
WordPress test site started at http://localhost:8889/
MySQL is listening on port 59087
MySQL for automated testing is listening on port 59085
npm run test:e2e
Added in Video.
# Build plugin
npm run build
# Make i18n localization
npm run makepot
# Create plugin zip
npm run zip
# Release plugin = npm run build + makepot + zip
npm run release
For fetching capsules, use this API - https://docs.spacexdata.com/#00ac651a-8ba2-4b4c-858a-4034dd1254fa.
Here, there is a property called limit
which doesn't work as expected and so some inconsitance with Pagination coud be found. But it's totally depend on the Spacex server.
Files |
File | Role | Description | ||
---|---|---|---|---|
assets (2 directories) | ||||
includes (4 directories) | ||||
languages (1 file) | ||||
src (1 file, 6 directories) | ||||
templates (1 directory) | ||||
tests (3 directories) | ||||
.babelrc.js | Data | Auxiliary data | ||
.eslintignore | Data | Auxiliary data | ||
.eslintrc | Data | Auxiliary data | ||
.php_cs | Example | Example script | ||
bsf-spacex.php | Class | Class source | ||
composer.json | Data | Auxiliary data | ||
composer.lock | Data | Auxiliary data | ||
jest-unit.config.js | Data | Auxiliary data | ||
LICENSE.txt | Doc. | Documentation | ||
package-lock.json | Data | Auxiliary data | ||
package.json | Data | Auxiliary data | ||
phpcs.xml | Data | Auxiliary data | ||
phpunit.xml.dist | Data | Auxiliary data | ||
postcss.config.js | Data | Auxiliary data | ||
README.md | Doc. | Documentation | ||
tailwind.config.js | Data | Auxiliary data | ||
tsconfig.json | Data | Auxiliary data | ||
webpack.config.js | Data | Auxiliary data |
Files | / | includes |
File | Role | Description | ||
---|---|---|---|---|
Abstracts (1 file) | ||||
Assets (2 files) | ||||
Repository (1 file) | ||||
REST (2 files) |
Files | / | includes | / | Assets |
File | Role | Description |
---|---|---|
Asset.php | Class | Class source |
BlockAsset.php | Class | Class source |
Files | / | includes | / | REST |
File | Role | Description |
---|---|---|
Api.php | Class | Class source |
CapsulesController.php | Class | Class source |
Files | / | src |
File | Role | Description | ||
---|---|---|---|---|
blocks (1 directory) | ||||
components (6 directories) | ||||
hooks (1 file) | ||||
interfaces (1 file) | ||||
style (2 files) | ||||
utils (2 files) | ||||
index.tsx | Data | Auxiliary data |
Files | / | src | / | blocks | / | spacex-data |
File | Role | Description |
---|---|---|
block.json | Data | Auxiliary data |
edit.tsx | Data | Auxiliary data |
editor.scss | Data | Auxiliary data |
index.ts | Data | Auxiliary data |
save.tsx | Data | Auxiliary data |
style.scss | Data | Auxiliary data |
view.tsx | Data | Auxiliary data |
Files | / | src | / | components |
File | Role | Description | ||
---|---|---|---|---|
badge (1 file) | ||||
capsule (3 files) | ||||
modal (3 files) | ||||
pagination (2 files) | ||||
spacex-data-search (2 files) | ||||
spinner (2 files) |
Files | / | src | / | components | / | capsule |
File | Role | Description |
---|---|---|
CapsuleItem.tsx | Data | Auxiliary data |
NoCapsule.tsx | Data | Auxiliary data |
style.scss | Data | Auxiliary data |
Files | / | src | / | components | / | modal |
File | Role | Description |
---|---|---|
Modal.tsx | Data | Auxiliary data |
Overlay.tsx | Data | Auxiliary data |
style.scss | Data | Auxiliary data |
Files | / | src | / | components | / | pagination |
File | Role | Description |
---|---|---|
index.tsx | Data | Auxiliary data |
style.scss | Data | Auxiliary data |
Files | / | src | / | components | / | spacex-data-search |
File | Role | Description |
---|---|---|
capsule-filter-form.scss | Data | Auxiliary data |
Search.tsx | Data | Auxiliary data |
Files | / | src | / | components | / | spinner |
File | Role | Description |
---|---|---|
LoadingSpinner.tsx | Data | Auxiliary data |
style.scss | Data | Auxiliary data |
Files | / | src | / | style |
File | Role | Description |
---|---|---|
main.scss | Data | Auxiliary data |
tailwind.css | Data | Auxiliary data |
Files | / | src | / | utils |
File | Role | Description |
---|---|---|
spacex-data-helper.ts | Data | Auxiliary data |
url-generator.ts | Data | Auxiliary data |
Files | / | tests |
Files | / | tests | / | e2e | / | specs |
File | Role | Description |
---|---|---|
env.spec.tsx | Data | Auxiliary data |
spacex-data.spec.tsx | Data | Auxiliary data |
Files | / | tests | / | phpunit |
File | Role | Description | ||
---|---|---|---|---|
Api (1 file) | ||||
Block (1 file) | ||||
Install (1 file) | ||||
Repository (1 file) | ||||
BaseTest.php | Class | Class source | ||
bootstrap.php | Aux. | Auxiliary script | ||
wp-config.php | Aux. | Auxiliary script |
Files | / | tests | / | phpunit | / | Repository |
File | Role | Description |
---|---|---|
CapsuleRepositoryTest.php | Class | Class source |
Files | / | tests | / | unit | / | components |
File | Role | Description |
---|---|---|
Badge.test.tsx | Data | Auxiliary data |
CapsuleItem.test.tsx | Data | Auxiliary data |
Pagination.test.tsx | Data | Auxiliary data |
Search.test.tsx | Data | Auxiliary data |
maniruzzaman-fronten-2023-09-25.zip 223KB | |
maniruzzaman-fronten-2023-09-25.tar.gz | |
Install with Composer |
Version Control | Unique User Downloads | Download Rankings | |||||||||||||||
100% |
|
|
Applications that use this package |
If you know an application of this package, send a message to the author to add a link here.