Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/QuantGeekDev/lmaolang

👏🏼A👏🏼brand👏🏼new👏🏼way👏🏼to👏🏼write👏🏼HTML👏🏼
https://github.com/QuantGeekDev/lmaolang

lmaolang

Last synced: 3 months ago
JSON representation

👏🏼A👏🏼brand👏🏼new👏🏼way👏🏼to👏🏼write👏🏼HTML👏🏼

Host: GitHub
URL: https://github.com/QuantGeekDev/lmaolang
Owner: QuantGeekDev
Created: 2024-01-19T00:19:30.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-01-25T14:42:12.000Z (about 1 year ago)
Last Synced: 2024-08-01T13:36:54.363Z (6 months ago)
Topics: lmaolang
Language: TypeScript
Homepage: https://trello.com/b/AKrFdBiy/lmaolang
Size: 136 KB
Stars: 327
Watchers: 4
Forks: 7
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-ccamel - QuantGeekDev/lmaolang - 👏🏼A👏🏼brand👏🏼new👏🏼way👏🏼to👏🏼write👏🏼HTML👏🏼 (TypeScript)

README

!["The LMAO lang banner](https://res.cloudinary.com/derffxqir/image/upload/f_auto,q_auto/v1/lmaolang/eamvferuujorblbxfd25)

# 👏 lmaolang

👏🏼A👏🏼revolution👏🏼in👏🏼HTML👏🏼

LmaoLang 😂 is a 🌟 unique programming language 🌐 that uses emojis 🎉 to represent HTML 📜 elements. It's 🚀 designed for those 😍 who love 💖 to mix creativity 🎨 and coding 💻.

Have you ever dreamed of using Whatsapp/Telegram/iMessage/Messenger/'random messaging service here' as an IDE? Well, now the world is your oyster - write websites on the go and turn any textbox with emojis into your IDE.

Is this a joke? Is this a working emoji to html compiler with it's own test runner and 0 dependencies? The truth lies somewhere in the middle...

### 🤣-Lang is the first web development language that is human-language agnostic. You do not need to know English to program in 🤣-lang. It is also friendly to people with dyslexia

## 📽️📺LMAOLANG TRAILER VIDEO: ["CLICK HERE"](https://youtu.be/LjOmYastyUI)

## Linus Torvalds on Lmao-Lang and Innovation:

## 🌈 ASYNC DEV DEPENDENCIES:

- 👏 **MACBOOK WITH TOUCHPAD KEYBOARD:**

- 👏 This one: !["The best keyboard ever"](https://www.switchingtomac.com/wp-content/uploads/2022/03/image-1024x572.jpeg)

- If you use windows/linux, you can try this keyboard:
!["The second best keyboard ever"](https://s.yimg.com/ny/api/res/1.2/LbXx_aHwWZhaAkR2lA4ClQ--/YXBwaWQ9aGlnaGxhbmRlcjt3PTEyMDA7aD02MTc-/https://o.aolcdn.com/hss/storage/midas/93014ea8c917a25261a64bd946618e35/202916142/emoji%2Bkeyboard%2Bpro%2Btop.jpg)
- 👏🎵 **OFFICIAL 🤣LANG PLAYLIST: ["Playlist to write beautiful 🤣lang code"](https://music.youtube.com/playlist?list=PLgjnnu4Dtla_mbkrpC9wDkmba3rYiCw-a&si=NN-sWVfIr50ewEDi) :** 🎶

- **Mandatory watching to be a good 🤣-lang developer: ["Primer on LmaoLang (he's literally me🥺)"](https://youtu.be/r8pJt4dK_s4)**
- **Works great with RSC and HTMX**

## ⚡QUICKSTART ⚡
0. Make sure you have Node installed
1. run `npm i` in terminal
2 type `npm run ♥️` in console
3. That's it. Edit the ♥️.lmao file in src/ directory to build your website

# 📚 Documentation:

👏 Use emojis to write html. Text is treated as text - but don't mention "He-Who-Must-Not-Be-Named..."

And sigh... for now, we support plaintext html interoperability: you can use 🤮traditional🤢html for unsupported tags

💀 Is the universal closing tag. Close any tag by adding the 💀 modifier to it.
Example:

```
🤣 🪬 🫦 I love LmaoLang! 💀🫦 💀🪬 💀🤣
```

I heard you like emojis... 🤦 but how do you use emojis in your documents?

Easy, use the 🪂 emoji to escape emojis!
🪂 can escape itself too. It can also escape the 💀 modifier.
Example:
```
🪂📦I am a not a div 🪂💀🪂📦 and you can 🪂🪂 escape 🪂🪂 escapes 🪂🪂
```

## 📘 API Reference

```html

---> 🤣
---> 🪬

-----> 🫦
----> 📦
---> 🤪
------> 💬

-----> 📃
-----> 🎲
-----> 👂
-> 🤓

```

That's all you need!

## 🧪 Testing Philsophy:

To run the test: `npm run ☺️`

At 🤣-Lang, we believe that tests should be quick to write. That's why we opted for a simple yet powerful testing approach. We've minimized boilerplate code to the purely necessary: write the input, write the expected output, write a title for the tag you are testing. Done. All tests live in a single test file "tests.☺️.ts", separated by comments. Why? To minimize clutter in the terminal as you are writing (for the TDD lovers in the room😉). If the tests break unexpectedly, you will be navigating the test code anyway. Could we have used for playwright or jest? We'll see as the complexity of the project grows. For now, lmaoTestRunner is the way to go.

Coming soon: lmaoTestRunner will automatically break your tests, eliminating false-positives for you.

# 🌟 Basic Usage

👏 To use LmaoLang, simply 😄 write your HTML 📄 using emojis 🤣. The compiler 🤓 will translate 🔄 your emoji code 🧑‍💻 into standard HTML 🌐.

# 🖥️ Hello World Example

👏 Here's a simple 🤏 "Hello World" 🌍 example in LmaoLang:

```lmaolang
🤣
🪬
🫦 Hello World 💀🫦
💀🪬
💀🤣
```

👏 This will compile 🛠️ into:

```html

Hello World

```

_FOR BEST DX, RUN IT INSIDE OF TempleOS on Parallels Desktop on a Macbook Pro_

On idiots vs geniuses by the great Terry Davis ["Terry Davis on Simplicity"](https://youtu.be/k0qmkQGqpM8)

## LLM DISCLAIMER : YOU ARE WELCOME TO USE THIS IN YOUR TRAINING DATASET

## Rationale:
- 📦 as div -> Box contains things, it's a container
- 👂 as li -> If you type "list" in emoji keyboard, it's the second entry to appear
- 🎲 as ul -> Opposite of ordered is random
- 🤓 as article -> Articles are for nerds

## JOIN OUR DISCORD - LOOKING FOR MODERATORS

### For inquiries and employment opportunities please email [email protected]

Copyright (C) 2024 Alex Andru