DevCanvas

Devcanvas

An online editor with super powers, fast preview, plugins and super cool library of cool Frontend creations for your inspiration.

DevCanvas

An online editor with super powers, fast preview, plugins and super cool library of cool Frontend creations for your inspiration.

Stack

Svelte
Sveltekit

Supabase
Supabase

TailWind
Tailwind CSS

Table of Contents

Features

  • Interactive Frontend Editor
  • Easy code snippet sharing (any other language).
  • Discover and explore a wide range of code snippets and beatufill creations.
  • A powerfull editor for a smooth coding experience.
  • Support for multiple programming languages.
  • User profiles with personal code snippet collections.

Installation (Locally)

  1. Clone the repository: git clone https://github.com/Abdulmumin1/devcanvas.git
  2. Navigate to the project directory: cd devcanvas
  3. Install dependencies: npm install or yarn install

Usage

  1. Run the development server: npm run dev or yarn dev
  2. Open your web browser and visit: http://localhost:5173

Collaborative Code Editor

Snippets features a built-in collaborative code editor powered by Monaco Editor. Collaborate with other developers by sharing the editor link.

Contributing

We welcome contributions from the community to make Snippets even better! To contribute, follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix: git checkout -b my-feature
  3. Make your changes and commit them: git commit -m "Add new feature"
  4. Push your changes to your forked repository: git push origin my-feature
  5. Create a pull request on the original repository.

Please adhere to the project's coding style and conventions.

License

DevCanvas is licensed under the MIT License.

Support

If you encounter any issues or have questions, please feel free to create an issue or contact us at abdulmuminyqn@gmail.com.

Top categories

Loading Svelte Themes