Harry2101

The Ultimate Collection of Engaging GPT-4 Prompts: Unleashing the Power of ChatGPT

This is a curated list of popular and effective prompts to use with OpenAI's GPT-4 language model, ChatGPT. These prompts are designed to optimize the model's performance and help you get the best results possible.

Table of Contents

• Entrepreneurial AI
• Digital Startup Ideas
• Midjourney Art Prompting
• Prompt Improvement

rafaelrozon

Naming conventions

What	Format	Example
Component	MyComponentName	Button, LoginModal
Action Type	[VERB]_[NOUN]	TOGGLE_TODO
Action Creator	[verb][Noun]	toggleTodo
Reducer	set[PathToStateKey]	setTodosFilter
Selector	get/is[PathToStateKey]	getTodosById, isTodoCompleted
Story	[Feature]Stories	TodoStories

JoeyBurzynski

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

malarkey

/* CSS Custom Properties */

:root {
--font-family: 'Georgia', serif;
--font-family-alt: 'Helvetica', Arial, sans-serif;
--font-weight: 400;
--font-weight-bold: 700;
--font-weight-black: 900;

/* 3:4 perfect fourth scale */

croraf

Backend, once its interfaces (check https://gist.github.com/croraf/ee7017bdda3e3c65881936173df2cbc9) get initialized on startup (src/index.js file), 
is message driven. 
Meaning everything that happens is a consequence of receiving a REST message on REST endpoints.
(https://order1.herokuapp.com/swagger)

Therefore, several functionalities can be defined depending on the REST messages received.
As described in interfaces document, each of these messages get processed through 3 layers.

Checking the above swagger URL following functionalities can be seen:
1. CRUD on restaurants

croraf

orderme app backend interfaces with other parts of the app in the following ways:

1. KOA server
a) serves static resources
 - single HTML template, which gets managed by React JS - single page application
 - webpack-bundled JS which does everything that is done on frontend
 - images
 
b) exposes REST API (endpoints)
REST API is defined by swagger, and can be explored on exposed swagger ui URL (https://order1.herokuapp.com/swagger).

learncodeacademy

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');

module.exports = {
  context: __dirname,
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./js/scripts.js",
  output: {
    path: __dirname + "/js",
    filename: "scripts.min.js"

Khangeldy

// Box Model
// ========================================================================== 

@mixin border-box {
  html {
	box-sizing: border-box;
  }
  *, *:before, *:after {
	box-sizing: inherit;
  }

whizark

HTML/CSS Class Naming Convention

A HTML/CSS Class Naming Convention for Scalable/Modular CSS.

ToC

• Basics
• Phrase and Compound Word
• Plural and Collection
• Variant

KittyGiraudel

// Sass utilities
@import "helpers/variables";
@import "helpers/functions";
@import "helpers/mixins";
@import "helpers/placeholders";

// Vendors and external stylesheets
@import "vendors/bootstrap";
@import "vendors/jquery-ui";