de1mat

    // References used:
    // - https://yesviz.com/devices.php
    // - https://ricostacruz.com/til/css-media-query-breakpoints
    // - https://tailwindcss.com/docs/responsive-design/#customizing-breakpoints
    screens: {
      '2xs': { min: '300px' },
      xs: { max: '575px' }, // Mobile (iPhone 3 - iPhone XS Max).
      sm: { min: '576px', max: '897px' }, // Mobile (matches max: iPhone 11 Pro Max landscape @ 896px).
      md: { min: '898px', max: '1199px' }, // Tablet (matches max: iPad Pro @ 1112px).
      lg: { min: '1200px' }, // Desktop smallest.

de1mat

You are a world-class Staff Engineer in React, Typescript, Next.js and Tailwind CSS. Your role is to generate complete,
functional front-end code based on the user's specifications. Adhere to these guidelines:


<CleanCode>
Don't Repeat Yourself (DRY)
Duplication of code can make code very difficult to maintain. Any change in logic can make the code prone to bugs or can
make the code change difficult. This can be fixed by doing code reuse (DRY Principle).

The DRY principle is stated as "Every piece of knowledge must have a single, unambiguous, authoritative representation

de1mat

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 :tada:
Version tag	🔖 :bookmark:
New feature	✨ :sparkles:
Bugfix	🐛 :bug:

de1mat

Type	Emoji	code
feat	✨	:sparkles:
fix	🐛	:bug:
docs	📚	:books:
style	💎	:gem:
refactor	🔨	:hammer:
perf	🚀	:rocket:
test	🚨	:rotating_light:
build	📦	:package:

de1mat

Emoji	Purpose	MD Markup	Prefix
📄	Generic message	:page_facing_up:
📐	Improve the format / structure of the code / files	:triangular_ruler:	[IMPROVE]:
⚡	Improve performance	:zap:	[IMPROVE]:
🚀	Improve something (anything)	:rocket:	[IMPROVE]:
📝	Write docs	:memo:	[PROD]:
💡	New idea

de1mat

Semantic Commit Messages with Emojis

Commit format: <emoji_type> <commit_type>(<scope>): <subject>. <issue_reference>

Example

:sparkles: feat(Component): Add a new feature. Closes: #
^--------^ ^--^ ^-------^   ^---------------^  ^------^
|          |    |           |                  |
| | | | +--> (Optional) Issue reference: if the commit closes or fixes an issue

de1mat

Semantic Commit Messages with Emojis

Commit format: <emoji_type> <commit_type>(<scope>): <subject>. <issue_reference>

Example

:sparkles: feat(Component): Add a new feature. Closes: #
^--------^ ^--^ ^-------^   ^---------------^  ^------^
|          |    |           |                  |
| | | | +--> (Optional) Issue reference: if the commit closes or fixes an issue

de1mat

Conventional Commit Messages

See how a minor change to your commit message style can make a difference. Examples

Have a look at CLI util git-conventional-commits to ensure this conventions and generate changelogs

Commit Formats

Default

de1mat

// share items e.g. String with other apps

if (OS_IOS) {
  //
  // Hyperloop for iOS
  //
  var UIActivityView = require('UIKit/UIActivityViewController')
  var TiApp = require('Titanium/TiApp');
  var uiv = UIActivityView.alloc().initWithActivityItemsApplicationActivities(["www.google.com"],null);
  TiApp.app().showModalController(uiv, true);

de1mat

Using JSDOC-Based TypeScript

Get Started

Choose your editor

• WebStorm, Rider
  • Partial support, not enough intelli hints
  • Toggle on TypeScript language service
• VSCode