The latest articles on DEV Community by Soufiane (@tr4him). https://dev.to/tr4him https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F302159%2F5b88c1d1-557c-4e15-adfa-eb073b92ab2e.jpeg https://dev.to/tr4him en Soufiane Fri, 27 Dec 2019 17:17:30 +0000 https://dev.to/tr4him/i-built-a-woocommerce-crud-with-reactjs-407o https://dev.to/tr4him/i-built-a-woocommerce-crud-with-reactjs-407o <h1> WooCrud : Woocommerce CRUD </h1> <p>WooCrud is a ReactJs application for your WooCommerce store. It's ready to install on a dedicated server/platform/domain.</p> <p>The application has a responsive easy to use interface for shop managers and can be used to <strong>Show</strong>, <strong>Add</strong>, <strong>Edit</strong> and <strong>Delete</strong> WooCommerce products.</p> <h2> Examples </h2> <h3> Login - Products List </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3sUaU8bS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Login-Listing.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3sUaU8bS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Login-Listing.gif" alt="Login - Products List"></a></p> <h3> Add New Product </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NaW_2nqO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Add-New-Product.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NaW_2nqO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Add-New-Product.gif" alt="Add New Product"></a></p> <h3> Quick Edit </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--727Ct5UD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Quick-Edit.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--727Ct5UD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Quick-Edit.gif" alt="Quick Edit"></a></p> <h3> Advanced Edit </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--K6KushG_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Advanced-Edit.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--K6KushG_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Advanced-Edit.gif" alt="Advanced Edit"></a></p> <h3> Delete Product </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--H_LS3PCu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Delete-Product.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--H_LS3PCu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-Delete-Product.gif" alt="Delete Product"></a></p> <h3> User Settings </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Ex0BQZ9O--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-User-Settings.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Ex0BQZ9O--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://store.malab.dev/wp-content/uploads/2019/12/WooCrud-User-Settings.gif" alt="User Settings"></a></p> <h2> Features </h2> <ul> <li><p>Unique WooCommerce dashboard</p></li> <li><p>See a list of all products</p></li> <li><p>Add products</p></li> <li><p>Quick update products</p></li> <li><p>Advanced edit for products</p></li> <li><p>WYSWYG </p></li> <li><p>Delete products</p></li> <li><p>Filter products by categories</p></li> <li><p>Create categories</p></li> <li><p>Create tags</p></li> <li><p>Up-Sells and Cross-Sells</p></li> <li><p>Preview live product</p></li> <li><p>Easy to use interface</p></li> <li><p>Modern Design</p></li> </ul> <p>For more information and documentation: <a href="https://github.com/TR4HIM/woocrud">GitHub</a>.</p> <p>This my first OpenSource Reactjs app, please check it and let me know what do you think.</p> <p>Best,</p> react wordpress redux