magayagalabs / CyCode

CyCode for most powerful web development 🛠️

CyCode

"Alone, Live, and Great"

CyCode (formerly known as Studios Code and the word being a portmanteau of "Cyril Code") is an HTML editor, Markdown editor, and WYSIWYG editor with a primary focus on web development.

CyCode is a web-based HTML Editor, Markdown Editor, and WYSIWYG Editor, It is written in HTML, CSS, and JavaScript. It was created and developed on December 23, 2021, by Cyril John Magayaga. You are open the cycode.html.

The August 20, 2022 was first new redesign, beautiful, and colorful code editor in the Philippines.

Support programming, markup, and script languages

HTML	CSS	JavaScript	Markdown	WYSIWYG
Yes	Yes	Yes	Yes	Yes

Browser supports

Google Chrome	Opera	Mozilla Firefox	Microsoft Edge	Apple Safari	Brave Browser	Arc Browser
A+	A+	A+ (Gecko)	A+	A+ (WebKit)	A+	TBA

Operating system supports

Windows	Linux (Linux Distros)	macOS
Yes	Yes	Yes

Web server support

Serve	Parcel	Parcel bundler	Webpack	React scripts
Yes	Yes	Yes (with Docs)	No	No

😁 Quick Start

Several quick start options are available:

• Download the latest release

• Clone the repo:

  • Git: git clone https://github.com/Magayaga/CyCode.git

  • GitHub Desktop: gh repo clone Magayaga/CyCode

  • Git Bash/Linux Terminal: unzip https://github.com/Magayaga/CyCode/archive/v2.0.5.zip

  • Windows:

    • Step 1: Download the latest release
    • Step 2: Open File Explorer and find the compressed folder.
    • Step 3: To unzip the entire folder, right-click to select Extract All, and then follow the instructions. You can also select Extract All from the command ribbon.
    • Step 4: To decompress a single file or folder, double-click the compressed folder to open it. Then, drag or copy the item from the compressed folder to a new location.

🏗️ Build CyCode

# Download the CyCode
$ git clone https://github.com/Magayaga/CyCode.git

# Change directory
$ cd CyCode

# Install all packages in npm
$ npm install

# Build and run a electron framework application
$ npm run cycode

📄 Documentation of CyCode (Vanilla TypeScript)

Change directory, download, and npm:

$ cd docs\vanilla-typescript
$ npm install
$ npm run start

📦 Installing CyCode

You can install this package with npm.

# Could it be an older or newer version?
npm install --save-dev electron
npm install --save-dev electron-packager

License

Copyright ©2021-2024 Cyril John Magayaga. All rights reserved.

Licensed under the MIT license.