adrianhajdin’s gists

adrianhajdin / Speechly Config

Last active May 13, 2023 05:48

Speechly Config

adrianhajdin / categories.js

Created December 20, 2020 15:09

Categories Constants

	const incomeColors = ['#123123', '#154731', '#165f40', '#16784f', '#14915f', '#10ac6e', '#0bc77e', '#04e38d', '#00ff9d'];
	const expenseColors = ['#b50d12', '#bf2f1f', '#c9452c', '#d3583a', '#dc6a48', '#e57c58', '#ee8d68', '#f79d79', '#ffae8a', '#cc474b', '#f55b5f'];

	export const incomeCategories = [
	{ type: 'Business', amount: 0, color: incomeColors[0] },
	{ type: 'Investments', amount: 0, color: incomeColors[1] },
	{ type: 'Extra income', amount: 0, color: incomeColors[2] },
	{ type: 'Deposits', amount: 0, color: incomeColors[3] },
	{ type: 'Lottery', amount: 0, color: incomeColors[4] },
	{ type: 'Gifts', amount: 0, color: incomeColors[5] },

adrianhajdin / AuthStyles.js

Created January 12, 2021 23:35

MERN Auth Materials

	import { makeStyles } from '@material-ui/core/styles';

	export default makeStyles((theme) => ({
	paper: {
	marginTop: theme.spacing(8),
	display: 'flex',
	flexDirection: 'column',
	alignItems: 'center',
	padding: theme.spacing(2),
	},

adrianhajdin / App.css

Created January 29, 2021 11:43

	/* CHAT STYLES */
	* {
	font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
	Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
	Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	letter-spacing: 0.5px;
	}

	.ce-chat-list {
	background-color: rgb(240, 240, 240) !important;

adrianhajdin / AppStyles.js

Last active March 3, 2024 17:33

Video Chat Styles

	const useStyles = makeStyles((theme) => ({
	appBar: {
	borderRadius: 15,
	margin: '30px 100px',
	display: 'flex',
	flexDirection: 'row',
	justifyContent: 'center',
	alignItems: 'center',
	width: '600px',
	border: '2px solid black',

adrianhajdin / HomeStyles.js

Last active April 17, 2024 12:26

Memories Part 4 Code

	import { makeStyles } from '@material-ui/core/styles';

	export default makeStyles((theme) => ({
	appBarSearch: {
	borderRadius: 4,
	marginBottom: '1rem',
	display: 'flex',
	padding: '16px',
	},
	pagination: {

adrianhajdin / TimeLine.jsx

Created June 11, 2021 13:39

Portfolio Website - JSM

	import React, { useState, useRef, useEffect } from 'react';

	import { CarouselButton, CarouselButtonDot, CarouselButtons, CarouselContainer, CarouselItem, CarouselItemImg, CarouselItemText, CarouselItemTitle, CarouselMobileScrollNode } from './TimeLineStyles';
	import { Section, SectionDivider, SectionText, SectionTitle } from '../../styles/GlobalComponents';
	import { TimeLineData } from '../../constants/constants';

	const TOTAL_CAROUSEL_COUNT = TimeLineData.length;

	const Timeline = () => {
	const [activeItem, setActiveItem] = useState(0);

adrianhajdin / finished.js

Created July 9, 2021 08:21

Amazon Scraper API

	const express = require('express');
	const request = require('request-promise');

	const PORT = process.env.PORT \|\| 5000;
	const app = express();

	app.use(express.json());

	const returnScraperApiUrl = (apiKey) => `http://api.scraperapi.com?api_key=${apiKey}&autoparse=true`;

adrianhajdin / HeaderStyles.js

Created August 5, 2021 06:59

Build and Deploy a Google Maps Travel Companion Application | React.js

	import { alpha, makeStyles } from '@material-ui/core/styles';

	export default makeStyles((theme) => ({
	title: {
	display: 'none',
	[theme.breakpoints.up('sm')]: {
	display: 'block',
	},
	},
	search: {

adrianhajdin / App.css

Last active August 29, 2025 14:20

Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications

Adrian Hajdin - JS Mastery adrianhajdin