create-revo
Version:
React Project Setup Tool built on Vite
90 lines (56 loc) β’ 2.02 kB
Markdown
# Revo - Fast & Efficient React Project Setup
**Revo** is a custom React project setup tool built on top of Vite. Itβs designed to streamline your workflow by providing a clean project structure, pre-configured with **Tailwind CSS** and **Framer Motion**, so you can focus on building amazing applications.
## π Features
- **Powered by Vite**: Enjoy blazing-fast builds and an optimized development experience.
- **Tailwind CSS**: Fully configured for utility-first styling right out of the box.
- **Framer Motion**: Pre-installed for creating stunning animations with ease.
- **Better Project Layout**: Thoughtfully organized file structure to keep your code clean and maintainable.
## π¦ What You Get
1. **Pre-configured Tailwind CSS** for styling.
2. **Framer Motion** set up for animations.
3. **Optimized Vite setup** for fast development and builds.
4. A clean project directory structure:
## π οΈ Installation
### Prerequisites
Make sure you have Node.js (>=14.x) and npm/yarn installed.
### Create a New Project
Run the following command to create a new project:
```
npx create-revo [project-name]
```
### Navigate to Your Project
```
cd [project-name]
```
### Install Dependencies
```
npm install
```
## π Getting Started
### Start the Development Server
```
npm run dev
```
### Build for Production
```
npm run build
```
### Preview Production Build
```
npm run preview
```
## π Feedback & Support
If you like Revo or have suggestions for improvement, let me know!
You can reach out to me on [Twitter](https://twitter.com/MaybeTarun).
Happy coding with Revo! π
## π Credits
Revo is built on top of amazing open-source tools. A big shoutout to:
- [Vite](https://vitejs.dev/) - The lightning-fast frontend build tool.
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework for rapid UI development.
- [Framer Motion](https://www.framer.com/motion/) - The library for creating smooth and delightful animations.