Vroom+ is a minimal, yet powerful starter template for building web applications using Vite, React, Tailwind CSS, React Router, and Daisy UI. It's optimized for speed, developer experience, and SEO.
- Vite ⚡: Enjoy a lightning-fast development experience with Vite's out-of-the-box Hot Module Replacement (HMR).
- React: Build your UI with the latest version of React.
- Tailwind CSS: Style your application with utility-first CSS framework Tailwind CSS.
- React Router: Implement routing in your application with React Router v6.
- Daisy UI: Use Daisy UI components to speed up your UI development.
- ESLint: Keep your code clean and consistent with ESLint.
- React Icons: Decorate with react-icons
- SEO Optimized: Meta tags, OG tags, and descriptions are all set up for you.
Follow these steps to get the project up and running:
-
Clone the repository: Run the following command to create a shallow clone of the repository:
git clone --depth 1 https://github.com/xeven777/reactvite-starter.git
This will create a new directory named
reactvite-starter
in your current directory. -
Remove the old
.git
directory and initialize a new one: Navigate to the newreactvite-starter
directory and run the following commands:cd reactvite-starter rm -rf .git git init
-
Install the dependencies: Run the following command to install the project dependencies:
npm install
-
Start the development server: After installing the dependencies, start the development server by running:
npm run dev
Now, you should be able to see the application running at localhost:5173
in your web browser! ✨
src/
: This directory contains all the React components and CSS for the application.App.jsx
: The main component that wraps the entire application.index.css
: Global styles for the application.main.jsx
: The entry point for the application.home/
: This directory contains the Home component.about/
: This directory contains the About component.components/
: This directory contains reusable components likeTag.jsx
.
public/
: This directory contains public assets that can be referenced in the HTML.index.html
: The main HTML page that is served when someone visits your site.package.json
: This file lists the packages your project depends on and specifies versions of a package that your project can use using semantic versioning rules.vite.config.js
: This file contains configuration for Vite.tailwind.config.js
: This file contains configuration for Tailwind CSS..eslintrc.cjs
: This file contains configuration for ESLint.postcss.config.js
: This file contains configuration for PostCSS.
Contributions are welcome! Please feel free to submit a Pull Request.