Skip to content

Instantly share code, notes, and snippets.

View mapledrive's full-sized avatar

Sait mapledrive

View GitHub Profile
@mapledrive
mapledrive / pdf_setka.htm
Created September 18, 2025 09:39
PDF Generator with grid
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jsPDF Example</title>
<style>
#generate {
background-color: #ffc200;
padding: 10px;
border: none;
@echo off
set "desktopPath=C:\Users\%username%\Desktop"
pushd "%desktopPath%"
if exist "%desktopPath%\scaffold" (
echo Folder "scaffold" already exists
) else (
echo Starting to clone ...
git clone https://github.com/mapledrive/scaffold.git
echo Finished cloning repository
)
@mapledrive
mapledrive / backend-index.js
Created May 8, 2023 10:52
PostgreSQL, Express, React, Node.js - simplest app
import express from 'express';
import pg from 'pg';
import cors from 'cors';
const app = express();
const port = 3001;
const { Pool } = pg;
const pool = new Pool({database: 'projects', user: 'postgres', password: '12345'});
app.use(cors());
@mapledrive
mapledrive / backend-index.js
Last active May 6, 2023 20:30
ClickHouse, Express, React, Node simple example
import express from 'express';
import { createClient } from '@clickhouse/client';
import cors from 'cors';
const app = express();
const port = 3001;
const client = createClient();
app.use(cors());
app.get('/', async (req, res) => {
@mapledrive
mapledrive / index.js
Created April 22, 2023 13:59
PostgreSQL, Express, React select
import express from 'express';
import pg from 'pg';
const app = express();
const port = 3001;
const { Pool } = pg;
const pool = new Pool({
user: 'postgres',
host: 'localhost',
@mapledrive
mapledrive / index.js
Created September 20, 2022 21:17
Simple react-dnd example
import React from 'react';
import ReactDOM from 'react-dom/client';
import { HTML5Backend } from 'react-dnd-html5-backend';
import update from 'immutability-helper';
import { useCallback, useState } from 'react';
import { DndProvider, useDrop, useDrag } from 'react-dnd';
import styled from 'styled-components';
export const Container = () => {
const [boxes, setBoxes] = useState({
Step 1. Create an empty repository on GitHub: my-app
Step 2: Create a React app
npx create-react-app my-app
Step 3: Install gh-pages
npm install gh-pages --save-dev
Step 4: Add homepage to package.json after private:true
"homepage": "https://mapledrive.github.io/my-app",
@mapledrive
mapledrive / index.js
Created August 30, 2022 20:00
Simple Redux App 2022
import React from 'react';
import { createRoot } from 'react-dom/client';
import { Provider, useSelector, useDispatch } from 'react-redux';
import { configureStore, createSlice } from '@reduxjs/toolkit';
const initialState = { value: 0 };
const slice = createSlice({
name: 'counter',
initialState,