{"id":13516599,"url":"https://github.com/webcodesk/webcodesk-srv","last_synced_at":"2025-03-31T06:31:33.925Z","repository":{"id":50315602,"uuid":"220029993","full_name":"webcodesk/webcodesk-srv","owner":"webcodesk","description":"Webcodesk - Web App Builder for Create React App","archived":false,"fork":false,"pushed_at":"2021-02-24T15:17:16.000Z","size":3324,"stargazers_count":597,"open_issues_count":11,"forks_count":76,"subscribers_count":21,"default_branch":"master","last_synced_at":"2025-03-22T22:14:19.666Z","etag":null,"topics":["low-code","react","visual","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webcodesk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"COPYING.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-06T15:33:26.000Z","updated_at":"2025-01-10T21:02:21.000Z","dependencies_parsed_at":"2022-08-28T05:11:21.554Z","dependency_job_id":null,"html_url":"https://github.com/webcodesk/webcodesk-srv","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcodesk%2Fwebcodesk-srv","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcodesk%2Fwebcodesk-srv/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcodesk%2Fwebcodesk-srv/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcodesk%2Fwebcodesk-srv/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webcodesk","download_url":"https://codeload.github.com/webcodesk/webcodesk-srv/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246429459,"owners_count":20775805,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["low-code","react","visual","web"],"created_at":"2024-08-01T05:01:23.979Z","updated_at":"2025-03-31T06:31:28.893Z","avatar_url":"https://github.com/webcodesk.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/webcodesk/webcodesk-srv/master/docs/hero.png\" width=\"70%\" alt=\"Webcodesk Screenshot\" /\u003e\n\u003c/p\u003e\n\nWebcodesk is an application that installed as an npm module. It consists of two parts: a server part and a client part. The server part is a NodeJS application that should be started in the command line on the local computer. The client part runs in the web browser. \n\nWebcodesk helps the developer in creating Web applications with React UI components. It has a bunch of visual editors where the user can **compose UI components** on the pages, **create data flow logic** between UI components, and **debug data flow** visually.\n\n## Introduction\n\nRead the article on Hackernoon about why Webcodesk was created:\n\n* [I Developed A Visual Development Tool For Web Applications with React](https://hackernoon.com/i-developed-a-visual-development-tool-for-web-applications-with-react-gmbr3280)\n\n## To React developers\n\nYour experience will tell you that you do not need any visual builders because they are limited in functionality, unreliable, and they all suck.\n\n**Give Webcodesk a chance and try to create your own small single-page application, I assure you, you won't ever want to write a ton of extra code.**\n\n* You don't have to learn anything new. Rather, you will not write any unnecessary code for Redux.\n\n* Webcodesk does not generate code. It uses a small framework that is reliable. The proof of reliability is the fact that the framework is used inside Webcodesk itself.\n\n## How it works\n\nEach project for Webcodesk is bootstrapped by create-react-app. \nAdditionally, [react-app-framework](https://github.com/webcodesk/react-app-framework), a library designed for Webcodesk, is added to the project code.\n\nThe project contains configuration files that are fed to the React App Framework. \nThe Framework in its turn creates pages, routes, and makes containers for Redux from simple React components.\n\nThen the Framework connects the containers into chains of actions, exactly as you do it using Redux actions.\n\nThe configuration of the Framework is complex enough to write it manually. \nSo Webcodesk lets you create and edit it with visual editors:\n* the page editor\n* the flow diagram editor \n\nAll you have to do is write the code of React components and functions. \n\n## Installation\n\n* Run commands in the command line one by one.\n\n```\n\u003e npx @webcodesk/install-webcodesk \u003cnew-project-name-dir\u003e\n\n\u003e cd ./\u003cnew-project-name-dir\u003e\n\n\u003e yarn wcd\n```\n\n* Open Webcodesk in the browser:\n\n```\nhttp://localhost:7070\n```\n\n* Choose any project on the market\n\n* Now open the project's source code in your favorite IDE\n\n\u003e It is better to init a source code repository before you setup the project's workspace in the IDE. \n\u003e For example, please read the instruction about how to do this for GitHub repo:\n\u003e [Adding an existing project to GitHub using the command line](https://help.github.com/en/github/importing-your-projects-to-github/adding-an-existing-project-to-github-using-the-command-line)\n\n## Upgrade\n\n* Go to the project dir and run commands in the command line one by one.\n\n```\n\u003e yarn remove @webcodesk/webcodesk-srv\n\n\u003e yarn add @webcodesk/webcodesk-srv -D -E\n\n```\n\n## Documentation\n\nIn the User Guide, you will find technical details on how to create components and functions and how to use them to build an application.\n\n * [User Guide](docs/README.md)\n \n## Contribution\n\nI'm quite open to new feature requests, or any work you want to do. \nBut let's discuss the feature in a new issue with the detailed description before creating new PR.\n\n* [CODE OF CONDUCT](CODE_OF_CONDUCT.md)\n\n## Community\n\nIf you need any help or want someone to set up the workspace with you and get you stepping through code in your IDE, \ndon't be afraid to speak up!\n\n## License\n\nGNU GPLv3 \n\nCopyright (c) 2019 Alex Pustovalov\n\n* [COPYING](COPYING.txt)\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebcodesk%2Fwebcodesk-srv","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebcodesk%2Fwebcodesk-srv","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebcodesk%2Fwebcodesk-srv/lists"}