WOOSHOP — Wordpress Wocommerce based app built with React Native + GraphQL(ios and android)

Raja Osama
2 min readOct 30, 2020

The project need contributor, those who are willing to contribute and comment below

WOOSHOP was planned as a project for the portfolio, and I started this project almost 2 years ago, after I completed a project for my company called DFM which over react native, I wanted a project that I can show to the world since DFM project was more like an in-house app for the company and their members.

I got the inspiration when I was getting all these cool news about what is graphQL and how great it is. I was into it, I started learning graphQL over the internet and came across this plugin called WPGraphQL — A plugin created for WordPress and WordPress only. The sole purpose of this plugin was to able to access the WordPress data via GraphQL. And literally, they have these two addons plugins as well that one was to get the authentication through JWT and another was to the access to all the woo-commerce based content.

After seeing this plugin and reading documentation, I thought it would be a great idea to create an app based on woo-commerce, where people can clone the app and change the URL of the site and have these plugin installed on their website and bang, there you have a custom Woo-commerce store app for both ios and android platform.

It took me at least 5 months to complete this project as I was also doing this full-time job, and whatever time I had, I was investing in wooshop project.

Functionalities :

  • Authentication
  • Registration
  • Dark mode Support
  • Listing by Popular, most views and most sold products on the home page.
  • Ability to browser the filter.
  • A Product Page
  • A Cart Page
  • A Checkout page, only COD method work.
  • Search Functionality

The Project is fully opensource, and everyone is welcome to contribute.

What Can be done

  • Improve code structure, because the app was created when I was just started working with react-native and the project before this was not as big as this one.
  • Profile Page
  • Payment Gateway. (WPGraphQL does not support payment, but it can be done, by using the provider’s API and there is an option while making an order, you can confirm the payment by sending status of paid. You can learn more about them on WPGraphQL page.)

How to Get Started

I plan to run this project, you need to have your own WordPress setup as I do, and some plugins, all of them are free except buying your own WordPress server.

You can also download this project from google play store.

Github link to the project

--

--

Raja Osama

👋 Hi, I'm Raja Osama, a polyglot rockstar software engineer who loves to create fascinating applications using JavaScript-based tech stack. 💻