React-Vite-Tailwind-DaisyUI-Storybook-Boilerplate Tailwind Templates

React Vite Tailwind Daisyui Storybook Boilerplate

React & Vite Boilerplate + [TailwindCSS, DaisyUI, Storybook] - Start building now

React Modern Template

React Modern Template is an easy-to-use solution for starting React projects. It provides a pre-configured setup with the following technologies:

  • Vite: A fast build tool that helps you develop React applications.
  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
  • DaisyUI: A plugin for Tailwind CSS that provides a set of ready-to-use components.
  • Storybook: A development environment for UI components that allows you to build, test, and document your UI components in isolation.
  • ESLint: A pluggable linting utility for JavaScript and JSX that enforces coding best practices and helps catch errors.
  • Prettier: An opinionated code formatter that ensures consistent code style across your project.

Getting Started

Follow these steps to get started with React Modern Template:

  1. Clone the repository:

    git clone https://github.com/cattalurdai/react-modern-template.git
    
  2. Navigate to the project directory:

    cd react-modern-template
    
  3. Install dependencies:

    npm install
    
  4. Start the development server:

    npm run dev
    
  5. Open your browser and visit http://localhost:5173 to see the running application.

Available Scripts

In the project directory, you can run the following scripts:

  • npm run dev: Starts the development server.
  • npm run build: Builds the production-ready optimized bundle.
  • npm run lint: Runs ESLint to check for linting errors and warnings.
  • npm run preview: Starts a server to preview the built application.
  • npm run storybook: Starts Storybook to develop and test UI components.
  • npm run build-storybook: Builds Storybook for production.

Contributing

If you would like to contribute to React Modern Template, please follow these guidelines:

-Fork the repository.

  • Create a new branch for your feature or bug fix.
  • Commit your changes with descriptive messages.
  • Push your branch to your forked repository.
  • Submit a pull request to the main repository.

License

This project is licensed under the MIT License. Feel free to use and modify this template for your own projects.

Top categories

Loading Svelte Themes