JSFiddle - React, Tailwind, and code Playground

by littlechad

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

JavaScript

const products = [{
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_a',
  level_of_experience: '1-2 years',
  type: 'media_type_a',
  price: 'price_for_media_type_a',
  work_sample: 'sample_for_media_type_a_1'
}, {
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_a',
  level_of_experience: '1-2 years',
  type: 'media_type_a',
  price: 'price_for_media_type_a',
  work_sample: 'sample_for_media_type_a_2'
}, {
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_a',
  level_of_experience: '1-2 years',
  type: 'media_type_b',
  price: 'price_for_media_type_b',
  work_sample: 'sample_for_media_type_b_1'
}, {
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_a',
  level_of_experience: '1-2 years',
  type: 'media_type_b',
  price: 'price_for_media_type_b',
  work_sample: 'sample_for_media_type_b_2'
}, {
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_b',
  level_of_experience: '3-5 years',
  type: 'media_type_c',
  price: 'price_for_media_type_c',
  work_sample: 'sample_for_media_type_c_1'
}, {
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_b',
  level_of_experience: '3-5 years',
  type: 'media_type_c',
  price: 'price_for_media_type_c',
  work_sample: 'sample_for_media_type_c_1'
}, {
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_b',
  level_of_experience: '3-5 years',
  type: 'media_type_d',
  price: 'price_for_media_type_d',
  work_sample: 'sample_for_media_type_d_1'
}, {
  first_name: 'account#1',
  last_name: 'lastname#1',
  email: '[email protected]',
  category: 'category_b',
  level_of_experience: '3-5 years',
  type: 'media_type_d',
  price: 'price_for_media_type_d',
  work_sample:...