npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

generator-tool

v1.0.8

Published

Un générateur de projets backend et frontend

Readme

🚀 Project Generator - generator-tool

Générez en quelques secondes un projet Angular + Express + Sequelize avec une configuration complète !

🛠 Installation

Récupérer l'accès au package :

npm config set @yoska-dev:registry https://npm.pkg.github.com/
npm config set //npm.pkg.github.com/:_authToken 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

Installez l'outil avec npm :

npm i @yoska-dev/generator-tool -g

🚀 Utilisation

Lancez le générateur avec :

npx project-generator

Un formulaire interactif vous guidera dans la configuration du projet.


📋 Déroulement du Générateur

1️⃣ Nom du projet

✔ Nom du projet ? my-angular-express-app

Définit le dossier où le projet sera généré.

2️⃣ Configuration de la base de données

✔ Configurer une base de données ? (Yes/No)

Si No, aucun backend Sequelize ne sera ajouté.

3️⃣ Type de base de données

✔ Type de base de données ? (MySQL/PostgreSQL/SQLite/MariaDB)

Définit le dialecte utilisé par Sequelize.

4️⃣ Adresse IP & Port de la base

✔ Adresse IP ? (127.0.0.1)
✔ Port ? (3306 pour MySQL/MariaDB, 5432 pour PostgreSQL)

Définit où se trouve la base de données.

5️⃣ Identifiants de la base

✔ Nom d'utilisateur ? (root)
✔ Mot de passe ? (****)
✔ Nom de la base ? (example)

Les accès pour la connexion.

6️⃣ Port du serveur Express

✔ Port du serveur Express ? (3000)

Définit le port sur lequel l'API tournera.

7️⃣ Utilisation de TailwindCSS

✔ Utiliser TailwindCSS ? (Yes/No)

Si Yes, Tailwind sera installé et configuré pour Angular.


🎯 Que fait le générateur ?

1️⃣ Génère un projet Angular via npx @angular/cli new frontend
2️⃣ Supprime le src/ généré et le remplace par le repo frontend GitHub Frontend
3️⃣ Crée un backend Express + Sequelize via le repo GitHub Backend
4️⃣ Configure automatiquement .env avec la base de données et le serveur
5️⃣ Met à jour config.json pour Sequelize
6️⃣ Installe TailwindCSS (si sélectionné) et le configure
7️⃣ Ajoute Tailwind dans les fichiers Angular
8️⃣ Finalise le projet avec un message de confirmation 🎉


🏗 Structure du projet généré

my-angular-express-app/
│── frontend/  # Projet Angular
│   ├── src/   # Code source cloné depuis GitHub
│   ├── package.json
│   ├── angular.json
│   ├── tailwind.config.js
│   └── ...
│
│── backend/   # API Express avec Sequelize
│   ├── models/
│   ├── routes/
│   ├── config.json
│   ├── server.js
│   └── ...
│
│── .env       # Configuration environnementale
└── README.md

🎉 Lancement du projet

cd my-angular-express-app

🔹 Démarrer le backend

cd backend
npm install
npm start

🔹 Démarrer le frontend

cd frontend
npm install
ng serve --open

Support

Si vous rencontrez un problème, ouvrez une issue sur le repo GitHub ou contactez-moi. 🚀


📝 Licence

Ce projet est sous licence MIT.

Droits accordés :
✔️ Utilisation gratuite
✔️ Modification et distribution autorisées
✔️ Licence Open Source

Restrictions :
❌ Aucune garantie
❌ Pas de responsabilité sur les erreurs ou dommages

ℹ️ Consultez le fichier LICENSE pour plus de détails.


📢 Merci d'utiliser generator-tool ! 🚀✨