Skip to content

Instantly share code, notes, and snippets.

View burakorkmez's full-sized avatar
💭
probably recording

Burak burakorkmez

💭
probably recording
View GitHub Profile
@burakorkmez
burakorkmez / CategoryFilter.jsx
Last active June 26, 2025 11:02
REACT NATIVE -- Recipe Finder App
import { View, Text, TouchableOpacity, ScrollView } from "react-native";
import { Image } from "expo-image";
import { homeStyles } from "../assets/styles/home.styles";
export default function CategoryFilter({ categories, selectedCategory, onSelectCategory }) {
return (
<View style={homeStyles.categoryFilterContainer}>
<ScrollView
horizontal
showsHorizontalScrollIndicator={false}
@burakorkmez
burakorkmez / auth.styles.js
Last active June 2, 2025 02:38
React Native Wallet App
// styles/auth.styles.js
import { StyleSheet } from "react-native";
import { COLORS } from "../../constants/colors";
export const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: COLORS.background,
padding: 20,
justifyContent: "center",
@burakorkmez
burakorkmez / bookmark-saver.md
Last active July 6, 2025 23:42
HTML/CSS/JS PROJECTS
const addBookmarkBtn = document.getElementById("add-bookmark");
const bookmarkList = document.getElementById("bookmark-list");
const bookmarkNameInput = document.getElementById("bookmark-name");
const bookmarkUrlInput = document.getElementById("bookmark-url");
import mongoose from "mongoose";
const friendRequestSchema = new mongoose.Schema(
{
sender: {
type: mongoose.Schema.Types.ObjectId,
ref: "User",
required: true,
},
recipient: {
@burakorkmez
burakorkmez / colors.js
Last active June 16, 2025 20:07
React Native Bookworm COPY-PASTE List
// FOREST
const COLORS = {
primary: "#4CAF50",
textPrimary: "#2e5a2e",
textSecondary: "#688f68",
textDark: "#1b361b",
placeholderText: "#767676",
background: "#e8f5e9",
cardBackground: "#f1f8f2",
inputBackground: "#f4faf5",
@burakorkmez
burakorkmez / auth.styles.ts
Created March 6, 2025 15:56
React Native Spotlight - Styles
// styles/auth.styles.ts
import { COLORS } from "@/constants/theme";
import { StyleSheet, Dimensions } from "react-native";
const { width, height } = Dimensions.get("window");
export const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: COLORS.background,
@burakorkmez
burakorkmez / AuthModal.tsx
Last active February 19, 2025 11:17
Leetcode Clone
<>
<div className='absolute top-0 left-0 w-full h-full flex items-center justify-center bg-black bg-opacity-60'></div>
<div className='w-full sm:w-[450px] absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] flex justify-center items-center'>
<div className='relative w-full h-full mx-auto flex items-center justify-center'>
<div className='bg-white rounded-lg shadow relative w-full bg-gradient-to-b from-brand-orange to-slate-900 mx-6'>
<div className='flex justify-end p-2'>
<button
type='button'
className='bg-transparent rounded-lg text-sm p-1.5 ml-auto inline-flex items-center hover:bg-gray-800 hover:text-white text-white'
>