Skip to content

Instantly share code, notes, and snippets.

View ZeldOcarina's full-sized avatar
👩‍💻
Coding!

Mattia Rasulo ZeldOcarina

👩‍💻
Coding!
  • Monarchy Media LLC
View GitHub Profile
@ZeldOcarina
ZeldOcarina / connectToSalesJet.js
Last active February 12, 2021 17:34
A Javascript function to connect any external app to Sales Jet.
// USE THIS FUNCTION TO CONNECT ANY EXTERNAL APP TO SALES JET:
async function submitToSalesJet(api_key, event_name, email, first_name, last_name) {
try {
const response = await fetch("https://sj-api.com/externalapp/track", {
method: "POST",
headers: {
"Content-Type": "application/json",
Authorization: api_key // YOUR API KEY GOES HERE
},
@ZeldOcarina
ZeldOcarina / gist:5de2ba6d446767ef9a89fc1fbf3c3226
Created January 15, 2021 22:23
Sales Jet Affiliate Codes
function queryOrganizer(queries) {
return queries
.replace("?", "")
.split("&")
.reduce(function (acc, query) {
return [...acc, { [query.split("=")[0]]: query.split("=")[1] }];
}, []);
}
queries = queryOrganizer(window.location.search);
/* on the headers add "Content/Type: application/json" and "Authorization [api_key] */
{
"event_name": event_name,
"contact": {
"email": email,
"first_name": first_name,
"last_name": last_name,
"phone_number": phone_number,
"custom_attributes": {
/* use uuids of the custom attribute here */
@ZeldOcarina
ZeldOcarina / create-env.js
Created August 27, 2022 07:52
A small app to build .env files programmatically
const dotenv = require("dotenv");
const fs = require("fs");
const path = require("path");
const { fetchGatsbyNodeDynamicConfigData } = require("./src/helpers/nodeHelpers");
dotenv.config({
path: `.env.${process.env.NODE_ENV}`,
});
@ZeldOcarina
ZeldOcarina / textarea.html
Created October 5, 2022 16:49
A simple readonly textareea
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.textarea {
width: 40rem;
@ZeldOcarina
ZeldOcarina / MudConnector.js
Created October 13, 2022 15:39
Current class implementation to connect with Mud
const axios = require("axios");
const url = require('url');
/* *************
* MudConnector *
* **************/
class MudConnector {
constructor({ handshakeKey, clientId, clientName, lead }) {
this.endpointUrl = "https://mud.dentalgameplan.com/marketing/handlejekyllappointment";
import React, { useState, useEffect, useContext } from "react";
import styled, { css } from "styled-components";
import { MdClose } from "react-icons/md";
import { Link } from "gatsby";
import { hexToRGB } from "../helpers/helpers";
import BlackButton from "../components/BlackButton";
import useColors from "../hooks/useColors";
import MultipleAccordion from "../components/MultipleAccordion";
@ZeldOcarina
ZeldOcarina / job-description.md
Created December 28, 2022 20:24
Job Description

Full Stack PHP Senior Engineer - Quello Call Center Management System (Remote)

We are seeking a highly skilled and experienced Full Stack PHP Senior Engineer to join our team and work on the development of Quello, our call center management system. This is a fully remote position, so you will have the flexibility to work from anywhere.

The ideal candidate will have a proven record of the ability to handle the development of web-based systems without supervision and at least five years of experience in the field.

In this role, you will be responsible for designing, developing, and maintaining Quello using PHP and related frameworks. You should be comfortable working with Git and Docker, and have experience with at least one major PHP framework (such as Laravel or Symfony). Knowledge of the AWS ecosystem is a must, and the ability to work on it is essential.

In addition to these requirements, we are looking for candidates with deep knowledge of Amazon Connect and understanding of call centers and their w

@ZeldOcarina
ZeldOcarina / li.jsx
Created January 20, 2023 13:44
How to create a custom marker for an li with React Icons and Styled Components
styled.li`
&::marker {
color: var(--black);
// Use as a list symbol a React Icons icon
content: ${() => {
return css`
url("data:image/svg+xml;charset=UTF-8,${ReactDOMServer.renderToString(
<IoChevronForwardCircleOutline />
).replaceAll('"', "'")}")
`

Mattia Rasulo

Full Stack Developer & CTO at Monarchy Media LLC


Summary

I am an experienced Full Stack Developer, specializing in Javascript and Typescript, with expertise in handling medium-sized projects. As the CTO of Monarchy Media LLC, I have in-depth knowledge of Gatsby for websites and medium-level proficiency in Remix for full stack apps. I am also skilled in using AWS, serverless framework, Jenkins, and Vercel.

I've built a full website generator in Gatsby using AirTable that allows our company to quickly generate clients websites using cutting-edge technology.