Skip to content

Boost your development with dev-tools-hub! Easily create Vite + React + TypeScript projects with Tailwind CSS and a structured setup. πŸŒŸπŸš€

Notifications You must be signed in to change notification settings

DreamlandSR/dev_tools_hub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

38 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Dev Tools Hub: Scaffold Vite + React + TypeScript Projects πŸš€

GitHub Repo stars GitHub Repo forks GitHub license

Table of Contents

Overview

Dev Tools Hub is a command-line interface (CLI) tool designed to simplify the setup of modern web projects. It combines Vite, React, and TypeScript with TailwindCSS, providing a solid foundation for developers. This tool helps you quickly scaffold new projects with essential utilities and optional libraries, making fullstack development easier and more efficient.

Features

  • Quick Scaffolding: Create new projects in seconds.
  • Vite: Fast build times and hot module replacement.
  • React: Build interactive user interfaces.
  • TypeScript: Catch errors early with static typing.
  • TailwindCSS: Utility-first CSS framework for rapid UI development.
  • Built-in Utilities: Essential tools to enhance your development experience.
  • Optional Libraries: Integrate Axios, Zustand, and more with ease.

Getting Started

To get started with Dev Tools Hub, you need to download the latest release. You can find it here. Download the file and execute it to begin.

Prerequisites

  • Node.js (version 12 or higher)
  • npm or yarn
  • A terminal or command prompt

Usage

After installation, you can create a new project by running:

dev-tools create my-project

Replace my-project with your desired project name. The CLI will prompt you to choose from various options, including the choice of libraries and features.

Example Commands

  1. Create a basic project:

    dev-tools create my-basic-project
  2. Create a project with Axios:

    dev-tools create my-axios-project --axios
  3. Create a project with Zustand:

    dev-tools create my-zustand-project --zustand

Included Libraries

Dev Tools Hub allows you to include several optional libraries during project creation:

  • Axios: Promise-based HTTP client for the browser and Node.js.
  • Zustand: A small, fast, and scalable state-management solution.

You can choose these libraries during the scaffolding process, making it easy to set up your development environment according to your needs.

Contributing

Contributions are welcome! If you have suggestions or improvements, feel free to open an issue or submit a pull request. Here’s how you can contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them.
  4. Push to your fork and submit a pull request.

Please ensure that your code adheres to the existing style and includes appropriate tests.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Links

For the latest releases, visit here. Download the necessary files and execute them to get started with your projects.

Feel free to explore the repository for more information and updates. You can also find additional resources and documentation in the repository's wiki section.

Badges

Vite React TypeScript TailwindCSS

Screenshots

Dev Tools Hub CLI

Example Project Structure

my-project/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”œβ”€β”€ App.tsx
β”‚   └── index.tsx
β”œβ”€β”€ public/
β”‚   β”œβ”€β”€ index.html
β”‚   └── favicon.ico
β”œβ”€β”€ package.json
└── tsconfig.json

This structure is generated automatically, allowing you to focus on building your application rather than setting up the environment.

Frequently Asked Questions

What is Dev Tools Hub?

Dev Tools Hub is a CLI tool that helps you scaffold modern web projects using Vite, React, TypeScript, and TailwindCSS.

How do I install it?

You can download the latest release from the Releases section. Execute the downloaded file to install.

Can I use other libraries?

Yes, you can include optional libraries like Axios and Zustand during project setup.

Is there documentation available?

Yes, additional documentation can be found in the repository's wiki section.

How can I report an issue?

You can report issues by opening a new issue in the GitHub repository.

Support

For support, you can reach out through the issues section of the repository. The community and maintainers are here to help.

Acknowledgments

  • Thanks to the contributors who have helped improve this project.
  • Special thanks to the creators of Vite, React, TypeScript, and TailwindCSS for their amazing tools.

For more information and updates, remember to check the Releases section regularly.

About

Boost your development with dev-tools-hub! Easily create Vite + React + TypeScript projects with Tailwind CSS and a structured setup. πŸŒŸπŸš€

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •