Skip to content

Instantly share code, notes, and snippets.

View erenkulaksiz's full-sized avatar
😉
Working from home

Eren Kulaksız erenkulaksiz

😉
Working from home
141 followers · 151 following
  • me@eren.one
  • 12:27 (UTC +03:00)
View GitHub Profile
@erenkulaksiz
erenkulaksiz / index.html
Created October 21, 2020 11:13
dynamic input field
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<div class='container'>
<div class='inputs'>
<div class='name'>
<label for='name' class='name-label' id='name-label'>Your Name</label>
<input type='text' name='name' id='name-field' required>
</div>
<div class='submit'>
<a href='#' id='submit' class='submit'><i class="fa fa-sign-in" aria-hidden="true"></i></a>
@erenkulaksiz
erenkulaksiz / tutorial_1.html
Created August 18, 2021 01:56
First page with HTML
<html>
<head>
</head>
<body>
</body>
</html>
@erenkulaksiz
erenkulaksiz / tutorial_2.html
Created August 18, 2021 02:07
HTML Hello World
<head>
<head>
<title>HTML ile Merhaba Dünya</title>
</head>
<body>
<h1>Selam!</h1>
<p>
Merhaba dünya! Artık HTML kullanabiliyorum!
</p>
</body>
@erenkulaksiz
erenkulaksiz / tutorial_3.html
Created August 18, 2021 02:29
Basic Form with HTML
<head>
<head>
<title>Giriş Formu</title>
</head>
<body>
<form>
Kullanıcı Adı: <input type="text" name="username" id="username" placeholder="Kullanıcı Adı"></input>
<br />
Şifre: <input type="password" name="password" id="password" placeholder="Şifre"/></input>
<br />
@erenkulaksiz
erenkulaksiz / img
Last active February 19, 2024 22:58
script
https://avatars.githubusercontent.com/u/44942737?v=4
@erenkulaksiz
erenkulaksiz / buildComponent.js
Last active May 2, 2022 12:09
Tailwind React component builder
/**
* BuildComponent function makes it easy to build classes for custom components.
* @param {string} name - Name of the component.
* @param {string} defaultClasses - Default classes for the component.
* @param {string} extraClasses - Extra classes for the component.
* @param {array} conditionalClasses - Array of objects, which is conditional classes for the component.
* @param {array} selectedClasses - Array of strings, which is selected classes for the component.
* @returns {object} data - Object with the following properties:
* @returns {string} data.name - Name of the component.
* @returns {string} data.classes - Classes for the component.
@erenkulaksiz
erenkulaksiz / useNotalUI.ts
Last active October 10, 2022 03:43
import {
createContext,
PropsWithChildren,
ReactNode,
useContext,
useEffect,
useState,
} from "react";
import { AnimateSharedLayout, motion } from "framer-motion";
@erenkulaksiz
erenkulaksiz / buildComponent.ts
Last active June 16, 2022 18:36
typescript version of buildComponent.js used in Notal.
interface BuildComponentTypes {
name?: string;
defaultClasses?: string;
extraClasses?: string;
conditionalClasses?: Array<{
[key: string]: string | boolean | undefined;
}>;
selectedClasses?: Array<string | boolean | undefined>;
}
@erenkulaksiz
erenkulaksiz / localStorage.ts
Last active July 25, 2022 16:55
Localstorage implementation for NextJS used in Notal
import { isClient } from "@utils/isClient"; // check for Serverside rendering
interface DefaultSettingsTypes {
cookies: boolean;
installedVersion: string;
installedEnv: string;
navbarCollapsed: boolean;
}
const DefaultSettings: DefaultSettingsTypes = {
@erenkulaksiz
erenkulaksiz / erenk_dev_notepad
Last active July 28, 2023 20:37
Lorem ipsum dolor sit amet just kidding. Hope you doing well.