Skip to content
/ info Public

*UPDATED 12/24/25* Full stack web development cheat sheets, guides, compiled work while learning.

Notifications You must be signed in to change notification settings

tldrwtf/info

Repository files navigation

Full Stack Learning - Complete Cheat Sheet Collection

Maintenance Version

If you find this resource useful, please consider leaving a star!

NEW in v1.9.0: Enhanced glossary with comprehensive cross-references linking every term to relevant guides, cheat sheets, and code examples throughout the repository!


Table of Contents


Quick Start

Clone the repository to get started with the examples and guides locally:

git clone https://github.com/tldrwtf/info.git
cd info

What Makes This Different

This isn't just another code repository—it's a comprehensive learning system.

Heavily Commented Code Examples

Every solution file features:

  • Comprehensive docstrings with Args, Returns, Examples, and Best Practices
  • Type hints for better IDE support and code clarity
  • Inline comments explaining the logic and reasoning behind decisions

Example from the Python solutions:

def list_statistics(numbers: List[float]) -> Optional[Dict[str, float]]:
    """
    Calculate statistical measures for a list of numbers.

    Demonstrates:
    - Guard clause pattern (early return for empty list)
    - Dictionary construction with multiple key-value pairs
    - Built-in aggregate functions (max, min, sum, len)

    Best Practice:
        Returning a dictionary allows callers to access specific
        statistics by name (e.g., result['avg']) rather than
        relying on positional access of a tuple.
    """
    if not numbers:  # Guard clause - check edge case first
        return None

    return {
        "max": max(numbers),      # Largest value
        "min": min(numbers),      # Smallest value
        "avg": sum(numbers) / len(numbers),  # Mean
        "sum": sum(numbers)       # Total
    }

Production-Quality Flask Examples

the library_api_code/ demonstrates real-world patterns:

  • Fully documented ORM models with relationship diagrams
  • Blueprint architecture with clear separation of concerns
  • Authentication patterns with security best practices explained
  • RESTful API design following industry standards

Example from models.py:

class Users(Base):
    """
    Represents a library user (patron or admin).

    Relationships:
        loans: One-to-Many → One user can have multiple loans
               Accessible via user.loans (returns list of Loan objects)

    Attributes:
        password: Hashed password (NEVER store plain text in production!)
        role: User role - either "User" or "Admin"
    """

Modern React Patterns

The React guides now include:

  • Advanced Hooks (useReducer, useContext, useMemo, useCallback) with complete examples
  • Custom Hooks showing reusable logic extraction
  • Performance optimization strategies
  • Common mistakes section highlighting pitfalls to avoid

Learning-Focused Approach

Unlike typical code repositories that just show what works, I explain:

  • Why certain patterns exist
  • When to use each approach
  • Trade-offs between different solutions
  • Common pitfalls and how to avoid them
  • Best practices vs. shortcuts

Repository Structure

/
├── cheatsheets/               # Core concept cheat sheets (Python, JS, CSS, SQL, etc.)
├── guides/                    # In-depth tutorials (Advanced patterns, Flask, Auth)
├── Practice_Assignments_Compiled.md # Central hub for all coding challenges
├── Practice_Solutions/        # Full solution code for all assignments
├── library_api_code/          # Production-grade Flask Application
├── react_starter_code/        # Basic React/Vite implementation
└── README.md                  # Project documentation

Available Cheat Sheets

Topic Description Link
Python Basics Variables, Loops, Functions Link
Data Structures Lists, Dicts, Trees, Graphs Link
OOP Classes, Inheritance, Polymorphism Link
Regex Pattern Matching & Validation Link
Big O Time & Space Complexity Link
HTML Basics Tags, Structure, Attributes Link
CSS Basics Selectors, Box Model, Colors Link
Bootstrap Grid, Components, Utilities Link
JS Basics Vars, Types, Loops Link
JS Objects Objects, Arrays, Methods Link
SQL & ORM Queries, Joins, SQLAlchemy Link
APIs Requests, REST, JSON Link

In-Depth Guides

Explore complex topics with the detailed guides in the guides/ directory.


Real-World Examples

  • Library API: A fully functional REST API for managing a library system. Located in library_api_code/.
  • React Starter Hub: A basic Vite/React project demonstrating state and data fetching. Located in react_starter_code/.
  • Pet Clinic CLI: A modular ORM project with Owners, Pets, and Appointments. Architectural Guide.
  • Next.js Auth: Firebase Authentication with Context API pattern. Usage Guide.

Glossary

Confused by a term? Check out the comprehensive Glossary of Terms featuring:

  • 60+ full-stack development terms covering frontend, backend, databases, DevOps, and more
  • Cross-reference links connecting every definition to relevant guides, cheat sheets, and code examples
  • Navigation hub allowing you to jump from concepts to learning materials instantly

Each glossary entry includes "See also" links pointing to:

  • In-depth guides for comprehensive learning
  • Cheat sheets for quick reference
  • Code examples for practical implementation

Troubleshooting

Common issues when setting up the projects:

1. ModuleNotFoundError in Python

  • Cause: Virtual environment not activated or dependencies not installed.
  • Fix:
    source venv/bin/activate
    pip install -r requirements.txt

2. Flask App Not Starting

  • Cause: Port 5000 might be in use.
  • Fix: Run on a different port:
    flask run --port=5001

Versioning

  • v1.9.0: Enhanced glossary with comprehensive cross-reference links to guides, cheat sheets, and code examples.
  • v1.8.0: Comprehensive code documentation expansion with heavily commented examples across all materials.
  • v1.7.0: Added Containerization (Docker) and functional React Reference Implementation.
  • v1.6.0: Final expansion pass (Search/Sort Algos, Formik/Yup, Doubly Linked Lists).
  • v1.5.0: Added Modern Fullstack Ecosystem (Next.js, Firebase, GraphQL Enrichment).
  • v1.4.0: Massive expansion of Advanced Data Structures, WebSockets, and CLI Architecture.
  • v1.3.0: Comprehensive documentation overhaul.

Changelog

commit v1.9.0
Date:   ???
feat: Enhanced glossary with comprehensive cross-reference navigation

GLOSSARY ENHANCEMENTS:
- Enhanced GLOSSARY.md with cross-reference links for all 60+ terms
  * Added "See also" sections linking each term to relevant resources
  * Connected API term to 5 guides/cheatsheets (Flask REST API, API Auth, Building AI Ready APIs, etc.)
  * Connected React term to 4 guides and starter code (React Basics, Modern Ecommerce, Fullstack, etc.)
  * Connected SQLAlchemy term to 4 guides and model code examples
  * Connected all Database terms to SQL guides and ORM documentation
  * Connected all DevOps terms to Docker and CI/CD guides
  * Connected all Frontend terms to HTML/CSS/JS/React resources
  * Connected all Backend terms to Flask guides and library API code
  * Connected Authentication terms to OAuth2 and API Auth guides

NAVIGATION IMPROVEMENTS:
- Glossary now serves as central navigation hub
- Direct links from definitions to learning materials
- Multiple resource types per term (guides, cheatsheets, code examples)
- Consistent markdown link format for easy GitHub/local browsing

DOCUMENTATION UPDATES:
- Updated README.md with enhanced glossary description
- Added glossary features section highlighting cross-references
- Updated version badge to v1.9.0
- Added v1.9.0 to versioning and changelog sections
commit v1.8.0
Date:   ???

feat: Comprehensive code documentation expansion

PYTHON PRACTICE SOLUTIONS:
- Enhanced Practice_Solutions/Python_Basics/Intro_Practice_Solutions.py
  * Added comprehensive docstrings with Args, Returns, Examples, and Notes
  * Added type hints for all functions (-> None, parameter types)

- Enhanced Practice_Solutions/Python_Basics/Control_Flow_Solutions.py
  * Comprehensive docstrings for all 7 functions
  * Type hints throughout
  * Detailed algorithm explanations with step-by-step logic
  * Security notes (password example) and real-world context

- Enhanced Practice_Solutions/Data_Structures/Lists_Dicts_Solutions.py
  * Full typing support with List, Dict, Optional, Set
  * Docstrings for all functions explaining data structure operations
  * Mathematical context for set operations
  * Alternative implementation suggestions (list comprehension)
  * Best practice callouts throughout

FLASK API CODE:
- Enhanced library_api_code/app/models.py (ORM Documentation)
  * Module-level docstring with ASCII schema diagrams
  * Class docstrings for all 6 models (Users, Loans, Books, Orders, Items, ItemDescription)
  * Comprehensive relationship documentation (One-to-Many, Many-to-Many)
  * Association table explanation with visual table structure
  * End-of-file guide on SQLAlchemy 2.0 concepts
  * Query examples demonstrating relationship usage
  * Cascade and lazy loading explanations

REACT GUIDES:
- Massively expanded guides/React_Basics_Guide.md
  * Added Advanced Hooks section:
    - useReducer with complete counter example
    - useContext with theme and auth patterns
    - useMemo with performance examples
    - useCallback with React.memo integration
  * Added Custom Hooks section with 3 complete examples:
    - useLocalStorage (localStorage sync)
    - useFetch (API data fetching)
    - useToggle (boolean state management)
  * Added Component Composition Patterns:
    - Render Props pattern
    - Compound Components pattern (Tabs example)
  * Added Performance Optimization section:
    - React.memo usage
    - Lazy loading with Suspense
    - Avoiding inline functions/objects
  * Added Error Boundaries section with class component example
  * Added Common React Mistakes section (6 pitfalls with examples)
  * Added Best Practices Summary
  * Cross-references to related guides

DOCUMENTATION STANDARDS ESTABLISHED:
- Consistent docstring format across all Python code
- Type hints for better IDE support and type safety
- Educational comments explaining WHY and WHEN, not just WHAT
- Best practices callouts throughout
- Common pitfalls and gotchas sections
- Real-world usage examples
- Cross-referencing between related content

commit v1.7.0
Date:   ???

feat: Docker & React Implementation

- Created guides/Docker_and_Containerization_Guide.md (Basics, Dockerfile, Compose)
- Created react_starter_code/ (Functional Vite + React boilerplate project)
- Documented multi-container stack patterns
commit v1.6.0
Date:   ???

feat: Curriculum polish and advanced topic expansion

- Enriched guides/Algorithms_Guide.md with full Bubble Sort and Merge Sort implementations
- Enriched guides/Linked_Lists_and_Custom_Data_Structures_Guide.md with Doubly Linked Lists and real-world use cases (Browser History)
- Enhanced guides/Modern_React_Ecommerce_Guide.md with industrial Form Validation (Formik + Yup)
- Updated GLOSSARY.md with Big O, Recursion, and TDD definitions
- Standardized navigation index in README.md

Sponsor this project

 

Contributors 2

  •  
  •