open-index/open-npm huggingface dataset:
npm package: @scrat1313/vite-tsx-react
Description: CLI pour scaffolder le template — crée un nouveau projet à partir du template
Latest version: 1.1.4

# ⚡ vite-tsx-react

Générateur de projet **Vite + React + Tailwind + TypeScript** prêt à l’emploi, pensé pour la rapidité, la clarté, et une structure professionnelle.

---

## 🚀 Utilisation rapide

```bash
npx @scrat1313/vite-tsx-react
# ou, directement avec le nom du projet :
npx @scrat1313/vite-tsx-react mon-projet
```
ou, si installé en global/local :
```bash
vite-tsx-react
```

---

## 📂 Structure de dossier générée

```
mon-projet/
│   .env
│   .env.example
│   package.json
│   vite.config.ts
│
├───public
│   └───vite.svg
│
└───src
    │   App.tsx
    │   main.tsx
    │
    ├───assets
    │   ├───files
    │   │   ├───docs
    │   │   ├───images
    │   │   │   ├───background
    │   │   │   └───logo
    │   │   ├───pdf
    │   │   └───videos
    │   └───fonts
    │       └───Poppins
    │
    ├───components
    │   ├───HomeComponents
    │   │       SectionOne.tsx
    │   │       SectionTwo.tsx
    │   │       TemplateNotice.tsx
    │   ├───ExampleComponents
    │   │       ExampleComponent.tsx
    │   └───Layout
    │           Footer.tsx
    │           Header.tsx
    │           Layout.tsx
    │
    ├───config
    ├───contexts
    ├───data
    ├───hooks
    ├───pages
    ├───routes
    ├───services
    ├───styles
    ├───types
    └───utils
```

---

## ⚙️ Variables d'environnement générées

Le CLI configure automatiquement les fichiers `.env` et `.env.example` avec :

```env
VITE_PORT=5173
VITE_APP_URL=http://localhost:8000/api
```
> Ces valeurs sont personnalisables lors de la création du projet.

---

## 🏁 Démarrer le projet

```bash
cd mon-projet
npm install
npm run dev
```
ou, si tu utilises pnpm :

```bash
cd mon-projet
pnpm install
pnpm run dev
```

---

## 💡 Fonctionnalités incluses

- **Structure professionnelle** : assets, components, hooks, config, services, etc.
- **Environnement TypeScript prêt à l’emploi**
- **Tailwind CSS intégré**
- **Configuration Vite optimisée**
- **Templates de composants et hooks personnalisés**
- **Variables d’environnement générées automatiquement**
- **Exemples de dossiers pour fichiers, images, polices, vidéos, etc.**
- **Bonne base pour la collaboration en équipe**

---

## 📝 Licence

MIT

---

> Généré par Alain Patrick.