Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ignatiosdev/react-vite-tailwind-daisyui-storybook-boilerplate
React & Vite Boilerplate + [TailwindCSS, DaisyUI, Storybook] - Start building now
https://github.com/ignatiosdev/react-vite-tailwind-daisyui-storybook-boilerplate
Last synced: about 1 month ago
JSON representation
React & Vite Boilerplate + [TailwindCSS, DaisyUI, Storybook] - Start building now
- Host: GitHub
- URL: https://github.com/ignatiosdev/react-vite-tailwind-daisyui-storybook-boilerplate
- Owner: ignatiosdev
- License: mit
- Created: 2023-05-31T16:02:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-31T16:12:33.000Z (over 1 year ago)
- Last Synced: 2024-09-11T04:15:42.377Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 146 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://vitejs.dev/): A fast build tool that helps you develop React applications.
- [React](https://reactjs.org/): A JavaScript library for building user interfaces.
- [Tailwind CSS](https://tailwindcss.com/): A utility-first CSS framework for rapidly building custom designs.
- [DaisyUI](https://daisyui.com/): A plugin for Tailwind CSS that provides a set of ready-to-use components.
- [Storybook](https://storybook.js.org/): A development environment for UI components that allows you to build, test, and document your UI components in isolation.
- [ESLint](https://eslint.org/): A pluggable linting utility for JavaScript and JSX that enforces coding best practices and helps catch errors.
- [Prettier](https://prettier.io/): 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.