The latest articles on DEV Community by Sonu Kumar Hansda (@sonuhansda). https://dev.to/sonuhansda https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1109272%2F7cfab0be-feee-4eed-a037-24e4ae6e2286.jpg https://dev.to/sonuhansda en Sonu Kumar Hansda Tue, 31 Dec 2024 05:38:22 +0000 https://dev.to/sonuhansda/excela-a-simple-tool-for-easy-project-setup-2ko7 https://dev.to/sonuhansda/excela-a-simple-tool-for-easy-project-setup-2ko7 <p>Hey everyone! 👋 </p> <p>I’m thrilled to introduce <strong>Excela</strong>, my <strong>first npm package</strong>! It’s a <strong>command-line tool</strong> that helps you <strong>set up projects quickly</strong>—whether it’s <strong>frontend</strong>, <strong>backend</strong>, or <strong>full-stack</strong>. Say goodbye to tedious setup tasks and focus on building your app! </p> <h2> <strong>What is Excela?</strong> </h2> <p>Excela is a <strong>CLI tool</strong> that scaffolds projects in seconds. Here’s what it offers: </p> <ul> <li> <strong>Frontend</strong>: Set up React apps with <strong>Vite</strong> or <strong>Create React App</strong>, and optionally add <strong>Tailwind CSS</strong>. </li> <li> <strong>Backend</strong>: Quickly initialize backend projects. </li> <li> <strong>Full-Stack</strong>: Combine frontend and backend setups seamlessly. </li> <li> <strong>Customization</strong>: Choose between <strong>JavaScript</strong> or <strong>TypeScript</strong>. </li> </ul> <h2> <strong>Why Did I Build This?</strong> </h2> <p>As a developer, I found project setup to be time-consuming. So, I built Excela to <strong>simplify this process</strong>. It’s my first npm package, and it’s been a great learning experience. Now, I want to make it even better—<strong>with your help</strong>! </p> <h2> <strong>Features of Excela</strong> </h2> <ul> <li> <strong>Quick Setup</strong>: Get your project ready in seconds. </li> <li> <strong>Flexible Choices</strong>: Pick your stack, language, and tools. </li> <li> <strong>Tailwind CSS Integration</strong>: Add Tailwind with a single command. </li> <li> <strong>Open Source</strong>: Let’s build something amazing together! </li> </ul> <h2> <strong>How to Use Excela</strong> </h2> <p>Just run:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx excela@latest </code></pre> </div> <h2> <strong>Let’s Build Excela Together!</strong> </h2> <p>Excela is still evolving, and I’d love your contributions! Here’s how you can help: </p> <ol> <li> <strong>Try It</strong>: Use Excela and share your feedback. </li> <li> <strong>Report Issues</strong>: Found a bug? Let me know on GitHub. </li> <li> <strong>Contribute Code</strong>: Fix bugs, add features, or improve docs. </li> </ol> <p>Check out the <strong>GitHub repository</strong>:<br><br> 👉 <a href="https://github.com/Sonu-Hansda/excela" rel="noopener noreferrer">Excela on GitHub</a> </p> <h2> <strong>Let’s Connect!</strong> </h2> <p>Star the repo, fork it, or reach out with ideas. Let’s make Excela the <strong>go-to tool</strong> for project setup! 🚀 </p> <p>Cheers,<br><br> Sonu Hansda </p> npm node developers