HomeHow we workCase studiesPlaybookContact us
HomeHow we workCase studiesPlaybookContact us
Playbook

Mashup Garage Playbook

This is our playbook where we write about the secrets we use to design, develop, and build scalable web applications and delightful experiences.

Explore our process

Agile development

We build products with a resilient agile process

Design process

Dive into how we design things

Our tech stack

Ruby, Elixir, JavaScript and more

Learn our tech

Elixir

Fast, amazing, and scalable

React

Building rich user interfaces for the web and mobile

Ruby on Rails

Tech that's optimized for developer happiness

The Playbook
  • The Playbook
  • About this playbook
  • About Mashup Garage

How we work

Product Development
  • Agile development
  • Your business
  • Product roadmaps
  • Sprints
  • Release cycles
  • Versioning
  • Retrospective meetings
  • Daily standups
  • Three-point scale
  • Documentation
  • Release notes *
  • Jira tickets
  • Deployment checklist
Design process
  • Our design process
  • Collaborating with clients
Culture
  • Open collaboration
  • Bawal ang pikon
  • Quarterly huddle
Operations
  • Introduction
  • Departments
  • Onboarding
Starting projects
  • Introduction
  • Tech services checklist
  • Project manager checklist
  • Team member checklist
Security
  • Introduction
  • Private keys

How we learn

Learning
  • Culture of sharing
  • SlackOverflow channel
  • SlackOverflow sessions
  • CSS blitz
  • Test blitz
Bootcamp
  • Unix basics
  • Git
  • CSS
  • JavaScript
  • Ruby
  • Ruby on Rails

Tech recipes

Our tech stack
  • Introduction
  • Backend and devops
  • Collaboration
  • Frontend
  • Miscellaneous
Design
  • 8px grid
  • Modular scale
  • Color naming *
  • Styleguides *
  • Organizing figma documents
  • Presenting designs
Workstation setup
  • Introduction
  • Asdf version manager
  • Docker for development
  • Elixir setup
  • PostgreSQL setup
  • Text editors
Elixir
  • Elixir
  • Absinthe and GraphQL
  • Setting up Webpack on Phoenix
  • Phoenix context modules
  • Mashup practices
React
  • Introduction
  • Components
  • State & Props
  • Structure
  • Flow
Frontend
  • Bootstrap practices
  • RSCSS
  • Adding JavaScript to pages
  • React elements
  • Onmount behaviors
  • JS file extensions
Toolchain
  • Stylelint setup
  • Prettier setup
  • Eslint setup
  • Tslint setup
  • TypeScript setup
  • TypeScript-Eslint
  • EOF new-lines
  • Docker shell aliases
  • Semaphore 2 setup
Rails
  • Rails practices *
  • Avoid enums
  • Testing
  • Using FactoryBot
  • i18n practices
  • File attachments
  • Rubocop
Git
  • Global gitignore
  • Commit Messages
  • Pull Requests

Other guidelines

Writing and communication
  • Progressive disclosure
  • Writing principles
  • Language tips
Miscellaneous
  • Introduction
  • CSS Blitz Challenges
  • Managing Dependencies