diff --git a/CHEATSHEET_TOOLS_ADDED.md b/CHEATSHEET_TOOLS_ADDED.md new file mode 100644 index 00000000..9c8bc292 --- /dev/null +++ b/CHEATSHEET_TOOLS_ADDED.md @@ -0,0 +1,182 @@ +# Cheatsheet Tools - DevHints.io Inspired + +## Overview +Added 8 comprehensive cheatsheet tools to DevTools, inspired by devhints.io. These tools provide quick references for popular technologies and languages with searchable, organized content. + +## New Cheatsheet Tools + +### 1. **JavaScript Cheatsheet** (`/javascript-cheatsheet`) +Quick reference for essential JavaScript operations: +- String methods (charAt, slice, substring, split, replace, etc.) +- Array methods (push, pop, map, filter, reduce, forEach, etc.) +- Object methods (Object.keys, Object.values, Object.entries, Object.assign, etc.) +- Fully searchable with organized sections +- Copy-to-clipboard for all code examples + +### 2. **React Cheatsheet** (`/react-cheatsheet`) +Essential React reference guide: +- React Hooks (useState, useEffect, useContext, useReducer, useMemo, useCallback, etc.) +- Component patterns and lifecycle +- Event handling (onClick, onChange, onSubmit, etc.) +- Props, PropTypes, and default props +- Searchable library of React patterns + +### 3. **CSS Cheatsheet** (`/css-cheatsheet`) +Layout and styling quick reference: +- Flexbox properties and values +- CSS Grid layout +- Positioning (position, z-index, transform) +- Box model (margin, padding, border, box-sizing) +- Searchable CSS properties with examples + +### 4. **Git Cheatsheet** (`/git-cheatsheet`) +Version control commands reference: +- Basic commands (init, clone, status, add, commit, push, pull) +- Branching operations (branch, checkout, merge, switch) +- Viewing history (log, show, diff) +- Undoing changes (restore, revert, reset) +- Command descriptions and copy functionality + +### 5. **SQL Cheatsheet** (`/sql-cheatsheet`) +Database query reference: +- SELECT queries (WHERE, ORDER BY, GROUP BY, HAVING, DISTINCT) +- JOINs (INNER, LEFT, RIGHT, FULL OUTER, CROSS) +- Aggregate functions (COUNT, SUM, AVG, MAX, MIN) +- INSERT, UPDATE, DELETE operations +- Real SQL examples for common patterns + +### 6. **Bash Cheatsheet** (`/bash-cheatsheet`) +Linux/Unix terminal commands: +- File operations (ls, cd, mkdir, rm, cp, mv, touch, cat) +- File search & filtering (find, grep, which, whereis) +- System information (uname, df, du, ps, top, whoami, id) +- Text processing (sed, awk, sort, uniq, cut, wc) +- Descriptions and instant copy capability + +### 7. **Docker Cheatsheet** (`/docker-cheatsheet`) +Container management reference: +- Image operations (build, images, rmi, pull, push, tag) +- Container operations (run, ps, stop, start, rm, exec) +- Logs and debugging (logs, exec, inspect) +- Docker Compose commands +- Port mapping, environment variables, and more + +### 8. **Vue Cheatsheet** (`/vue-cheatsheet`) +Vue 3 framework reference: +- Template syntax (interpolation, directives, v-if, v-for, v-on, v-model, v-class, v-style) +- Composition API (ref, reactive, computed, watch, lifecycle hooks) +- Component basics (props, emits, slots) +- Lifecycle hooks (onMounted, onBeforeUnmount, etc.) + +## Features Across All Cheatsheets + +✅ **Searchable** - Filter content in real-time as you type +✅ **Organized** - Content grouped into logical sections with accordion layout +✅ **Copy-Friendly** - One-click copy for all code examples +✅ **Responsive** - Works perfectly on desktop, tablet, and mobile +✅ **Dark Mode** - Full dark mode support +✅ **Accessible** - Proper semantic HTML and ARIA attributes +✅ **Keyboard Friendly** - Navigate and interact with keyboard +✅ **Keywords** - Proper SEO keywords for search functionality + +## Technical Implementation + +### Architecture +- **Component Pattern**: Vue 3 with ` + + + +
+Enclosed is a secure platform for sending private notes. All notes are end-to-end encrypted with zero knowledge on the server side.
+ + + + + + +