Skip to content

Instantly share code, notes, and snippets.

View zaferayan's full-sized avatar
⚛️
Overreacting

Zafer AYAN zaferayan

⚛️
Overreacting
View GitHub Profile
@zaferayan
zaferayan / list.txt
Created January 25, 2023 23:07
json resume theme list
ace
actual
apage
autumn
caffeine
class
classy
cora
dave
elegant
@zaferayan
zaferayan / resume.json
Last active January 31, 2023 00:00
resume.json
{
"$schema": "https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json",
"basics": {
"name": "Zafer AYAN",
"label": "Frontend Developer",
"image": "https://www.gravatar.com/avatar/b3cb368f71c8cca1fb0a74df0ffad2dd?s=200&r=pg&d=mm",
"email": "ozcanzaferayan@gmail.com",
"phone": "0531",
"url": "https://github.com/ozcanzaferayan",
"summary": "I'm a software engineer with over 8 years of experience designing, developing and maintaining fullstack web and mobile applications.",
@zaferayan
zaferayan / main.test.ts
Last active January 19, 2023 10:05
Gets percentage rounds in TypeScript
import { assertEquals } from "https://deno.land/std@0.173.0/testing/asserts.ts";
import { getPercentageRounds } from "./main.ts";
Deno.test(function getPercentageRoundsTest() {
assertEquals(getPercentageRounds(0), "⚪⚪⚪⚪⚪⚪⚪⚪⚪⚪");
assertEquals(getPercentageRounds(0.04), "🔵⚪⚪⚪⚪⚪⚪⚪⚪⚪");
assertEquals(getPercentageRounds(0.1), "🔵⚪⚪⚪⚪⚪⚪⚪⚪⚪");
assertEquals(getPercentageRounds(0.5), "🔵🔵🔵🔵🔵⚪⚪⚪⚪⚪");
assertEquals(getPercentageRounds(0.6), "🔵🔵🔵🔵🔵🔵⚪⚪⚪⚪");
assertEquals(getPercentageRounds(1), "🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵");
@zaferayan
zaferayan / README.js
Last active December 21, 2022 21:57
Dreambooth Prompts
photo of zaferayan person with cybernetic enhancements and unique hair lost in the desert, scifi character portrait by greg rutkowski, esuthio, craig mullins, short beard, green eyes, 1 / 4 headshot, cinematic lighting, dystopian scifi gear, gloomy, profile picture, mechanical, half robot, implants, steampunk
A colorful closeup portrait of a zaferayan with a beard and with a shirt and dreaming psychedelic hallucinations in the vast icy landscape of antarctica, by kawase hasui, moebius and edward hopper, colorful flat surreal design, hd, 8 k, artstation
Portrait of zaferayan as ironman, 30 years old, male, gorgeous, detailed face, amazing, intricate, highly detailed, digital painting, artstation, concept art, sharp focus, illustration, art by greg rutkowski and alphonse mucha
Portrait of zaferayan as cyberpunk city person, neon background, 30 years old, male, gorgeous, detailed face, amazing, intricate, highly detailed, digital painting, artstation, concept art, sharp focus, illustration, art by greg rutkowsk
@zaferayan
zaferayan / index.js
Last active December 19, 2022 07:26
I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Create React App, yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You should merge files in single index.js file and nothing else. Do not write explanations. My first request is "Create Pokemon App that lis…
// I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Create React App, yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You should merge files in single index.js file and nothing else. Do not write explanations. My first request is "Create Pokemon App that lists pokemons with images that come from PokeAPI sprites endpoint"
import React, { useEffect } from "react";
import ReactDOM from "react-dom";
import { Provider, useDispatch, useSelector } from "react-redux";
import { createStore, applyMiddleware, combineReducers } from "redux";
import thunk from "redux-thunk";
import axios from "axios";
import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
import { List } from "antd";
@zaferayan
zaferayan / index.js
Created December 17, 2022 22:20
I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Create React App, yarn, tailwindCSS, Redux Toolkit, createSlice, thunk, axios. You should only reply file contents, and nothing else. Do not write explanations. My first request is "Create Pokemon App that lists pokemons"
import React from "react";
import ReactDOM from "react-dom/client";
import {
createSlice,
configureStore,
createAsyncThunk,
} from "@reduxjs/toolkit";
import { Provider, useDispatch, useSelector } from "react-redux";
import axios from "axios";
@zaferayan
zaferayan / My.js
Last active December 16, 2022 14:23
My profile photos
https://photos.app.goo.gl/KZwjt4yrPoKtRqs38
https://github.com/aitrepreneur/REGULARIZATION-IMAGES-SD
@zaferayan
zaferayan / craco.config.js
Last active November 23, 2022 11:39
KTU workshop
/* craco.config.js */
const path = require(`path`);
module.exports = {
webpack: {
alias: {
"@components": path.resolve(__dirname, "src/components"),
"@features": path.resolve(__dirname, "src/features"),
},
},
@zaferayan
zaferayan / meditation.md
Created August 19, 2022 07:42
Gündelik Meditasyon pratiği
  1. Meditasyon için ne kadar zaman harcayacağını belirle. Yazarın önerisi 2-10dk olmuş. Bundan daha fazlası bunaltıcı olabiliyor. Bu nedenle yumuşak ve nazik bir başlamak daha iyidir.
  2. Nerede meditasyon yapman gerektiğine karar ver. Genellikle sessiz bir oda en iyisi oluyor. Meditasyonu yere oturarak veya sandalyede de yapabilirsin.
  3. Ne kadar meditasyon yapacaksan bir alarm kur. Bu sayede her 15 saniyede bir saati kontrol etmek zorunda kalmazsın.
  4. Otur, burnundan derin bir nefes al ve ağzından dışarı ver. Devamında gülümse.
  5. Yavaşça nefes al ve havanın burnundan içeri girerek ağzından dışarı çıkışını gözlemle. Her nefesi tek seferde çek ve tek seferde ver. Bu şekilde 10 nefese kadar say ve tekrar başa dön.
  6. Zihnin dağıldığında dur, fikirleri kabul et, gülümse, ve tekrar nefesine geri dön. Bu adım diğer adımların en önemlisi. Zihninin dağılması kaçınılmaz bir durum ama bunun için de kendimizi cezalandirmamamız gerekiyor. Bu aslında normal bir davranış ancak zihnimize de bunu kabul ettiğimizi hatırlat
@zaferayan
zaferayan / webpack.config.js
Created July 19, 2022 11:16
React Native Web Webpack 5 config
const path = require('path');
const HTMLWebpackPlugin = require('html-webpack-plugin');
const HTMLWebpackPluginConfig = new HTMLWebpackPlugin({
template: path.resolve(__dirname, './public/index.html'),
filename: 'index.html',
inject: 'body',
});
module.exports = {