The summer of open source is here! It’s that magical time of year when contributions flow in like never before, and the open-source community buzzes with excitement. The month where maintainers and open source enthusiast go nuts, either from too much spam contributions, or really good contributions accelerating the software at an unprecedented speed. Either way, Devcanvas is here for it (not for the spams though 🫠).

What is DevCanvas?

DevCanvas is your go-to online frontend sandbox. It’s a powerful playground where you can prototype with HTML, CSS, and JavaScript at lightning speed. Whether you’re a seasoned developer or just starting out, DevCanvas provides the perfect environment to bring your frontend ideas to life.

Our Tech Stack

DevCanvas is built with modern, and the coolest technologies:

Sveltekit

SvelteKit is our framework of choice, offering a powerful and efficient way to build web applications. It provides a smooth developer experience with its component-based architecture and built-in routing system, state management, transitions and all. Contributing to DevCanvas is an excellent opportunity to experience how sweet Svelte makes building web apps.

Supabase

For our backend needs, we leverage Supabase, an open-source Firebase alternative. It provides real-time databases, authentication, instant APIs, and easy storage management. While our backend isn’t open for direct contributions, understanding how we integrate with Supabase can provide valuable full-stack development insights.

Tailwind CSS

We use Tailwind CSS to style the user interface. This utility-first CSS framework allows for rapid UI development without leaving your HTML. If you’re interested in frontend styling and creating responsive, beautiful interfaces, you’ll have plenty of opportunities to work with Tailwind in DevCanvas.

This stack ensures a smooth, efficient development experience and a performant application. By contributing to DevCanvas, you’ll gain hands-on experience with these modern technologies, enhancing your skill set and making you a more versatile developer.

Why Contribute to DevCanvas?

• Learn and Grow: Perfect your skills in a real-world project.
• Make an Impact: Help shape a tool used by developers worldwide.
• Join a Community: Connect with like-minded developers passionate about frontend development.

How to Contribute

We’re thrilled to welcome contributions from developers of all skill levels. Here’s how you can get involved:

Types of Contributions

1. Frontend Enhancements: Help us improve the user interface and experience.
2. Blog Posts: Share your frontend wisdom through our blog.
3. Documentation: Make DevCanvas more accessible by improving our docs.
4. Bug Squashing: Found a pesky bug? Help us squash it!
5. Feature Suggestions: Have a brilliant idea? We’re all ears!
6. Code Refactoring: Help us clean up and optimize our codebase (it currently not looking to good).

Contribution Process

• Fork the repository.

• Create a new branch:

  git checkout -b my-awesome-feature

• Make your changes and commit:

  git commit -m “Add awesome feature”

• Push to your fork:

  git push origin my-awesome-featur

• Open a pull request with a detailed description of your changes.

Code Style and Best Practices

• Stick to the existing code style for consistency.
• Write clear, concise comments to explain your code.
• Ensure your code is properly formatted and lint-free.

Need Help?

• Check out our existing issues and pull requests.
• Create a new issue with the “question” label for any queries.

Let’s Make DevCanvas Awesome Together!

Hacktoberfest is the perfect opportunity to dive into open source. Whether you’re making your first contribution or your hundredth, DevCanvas welcomes you. Let’s collaborate, learn, and create something amazing!

Ready to start? Check out our GitHub repository and let’s code!

Happy Hacking! 🚀