UdaraJay

WooCommerce on WordPress

A standard WooCommerce implementation, with theme supporting category pages inorder to imitate different storefronts.

Separate departments using categories

You can imitate the different store-fronts using different categories of products and changing the style with custom category templates.

Tutorial for custom templates: https://docs.woocommerce.com/document/template-structure/
More info on product categories: https://docs.woocommerce.com/document/managing-product-taxonomies/

• Global shop

UdaraJay

// Using this as a way to collect my 'best-practices' for React
// The structure of a good class based component
import React, { Component } from 'react'

// MobX is designed to enable building web applications with a complex data model in an intuitive and very performant manner.
import { observer } from 'mobx-react'

// A runtime checker for props
import { string, object } from 'prop-types'

UdaraJay

Documenting some useful things.

JS things

• Charts: https://apexcharts.com/
• Live-collab text editor: https://github.com/ProseMirror

UdaraJay

import styles from './Apps.module.scss';
import { useEffect, useState } from 'react';
import Link from 'next/link';

const APPS = [
	{
		title: 'APP',
		hero: 'Lorem ipsum dolor sit amet',
		description:
			'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.',

UdaraJay

import { Link } from "gatsby"
import React, { useEffect, useState } from "react"
import * as styles from "./work.module.scss"
import WORK from "./work.json"

const WorkPage = () => {
  const [focused, setFocus] = useState(false)

  const toggleFocus = src => {
    if (focused === false || focused !== src) {