DEV Community

Cover image for DevCanvas: Ready for Hacktoberfest! ๐ŸŽ‰
Abdulmumin yaqeen
Abdulmumin yaqeen

Posted on • Originally published at devcanvas.art

DevCanvas: Ready for Hacktoberfest! ๐ŸŽ‰

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
Enter fullscreen mode Exit fullscreen mode
  • Make your changes and commit:
  git commit -m "Add awesome feature"
Enter fullscreen mode Exit fullscreen mode
  • Push to your fork:
  git push origin my-awesome-feature
Enter fullscreen mode Exit fullscreen mode
  • 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! ๐Ÿš€

Top comments (5)

Collapse
 
oyerohabib profile image
oyerohabib

Love this โค๏ธ.

Collapse
 
abdulmuminyqn profile image
Abdulmumin yaqeen

Thanks ๐Ÿ’›

Collapse
 
agulahimself2 profile image
Adams Agula

Found this link to this on GDC BUK group

Collapse
 
abdulmuminyqn profile image
Abdulmumin yaqeen

Ooo, Nice!

Collapse
 
agulahimself2 profile image
Adams Agula

This is a good. Very good