Full Stack Learning Hub

Comprehensive guides, cheat sheets, and code examples for full stack development.

View on GitHub

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:

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:

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:

Learning-Focused Approach

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

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

Glossary

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

Each glossary entry includes “See also” links pointing to:

Troubleshooting

Common issues when setting up the projects:

1. ModuleNotFoundError in Python

2. Flask App Not Starting

Versioning

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