DevCanvas

DevCanvas is an open-source platform for sharing code snippets. It provides a simple and intuitive interface for developers to share, discover, and discuss frontend code and code snippets across various programming languages and use cases.

Stack

Sveltekit

Supabase

Tailwind CSS

Table of Contents

• Features
• Installation
• Usage
• Collaborative Code Editor
• Contributing
• License
• Support

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/snippetLand.git
2. Navigate to the project directory: cd SnippetLand
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.