Skip to content

This project aims to develop an open-source Integrated Development Environment (IDE) that empowers users to efficiently write JavaScript, html, and CSS code while leveraging intuitive drag-and-drop functionalities. Unlike its proprietary counterparts, this IDE places a strong emphasis on customizability

Notifications You must be signed in to change notification settings

ketsebaotgizachew/Codecraft

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodeCraft

Overview

website currently in progress inside codecraft

Untitled.video.-.Made.with.Clipchamp.mp4

Screenshot 2023-09-25 125700

The codecraft is an open-source drag-and-drop based Integrated Development Environment (IDE) designed for rapid creation of websites using HTML, CSS, and JavaScript. Unlike other competitors, codecraft prioritizes customizability without sacrificing the speed and convenience of drag-and-drop functionality.

Features

  • Drag-and-Drop HTML Editor: Easily build the structure of your website with an intuitive drag-and-drop system.

  • Basic CSS Editor: Customize your website's style with a user-friendly CSS editor for common styling tasks.

  • Advanced CSS and JavaScript Fields: For complex customization, you have the option to directly write and edit CSS and JavaScript code.

  • Fully Customizable: Unlike other similar tools, ProjectName ensures that you have complete control over your HTML and CSS, allowing for unlimited customization.

  • Open Source: The entire project is open-source, enabling the community to contribute, modify, and improve the IDE.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • sass

Getting Started

Installation

  1. Clone the repository: git clone https://github.com/your_username/ProjectName.git
  2. Open the IDE in your preferred code editor.

Usage

  1. Launch the IDE.
  2. Use the drag-and-drop interface to create the basic structure of your website.
  3. Customize styles using the basic CSS editor or switch to the advanced CSS field for more complex styling.
  4. Incorporate JavaScript code in the provided field for dynamic functionality.

Contributing

We welcome contributions from the community! If you'd like to contribute to ProjectName, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature: git checkout -b feature-name.
  3. Make your changes and commit them: git commit -m 'Add new feature'.
  4. Push to the branch: git push origin feature-name.
  5. Submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

  • [solo project😊]

About

This project aims to develop an open-source Integrated Development Environment (IDE) that empowers users to efficiently write JavaScript, html, and CSS code while leveraging intuitive drag-and-drop functionalities. Unlike its proprietary counterparts, this IDE places a strong emphasis on customizability

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published