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 🙏

© 2024 – Pkg Stats / Ryan Hefner

create_csapp

v1.0.2

Published

CLI tool to easily scaffold and set up full-stack applications with React, Node.js, and popular libraries like Socket.IO, Redis, Kafka, Prisma, and more.

Downloads

9

Readme

create_cspp

create_cspp is a powerful CLI tool designed to streamline the process of setting up both frontend (React) and backend (Node.js) applications. With a single command, you can generate the basic project structure and easily add common development features to your projects, including Redux, Axios, Tailwind, Socket.IO, Redis, Kafka, Prisma, Swagger, and GraphQL setup.

This tool is ideal for developers who want to kickstart their project with an optimal and scalable structure.

Features

  • Frontend Creation (React): Quickly scaffold a basic React application.
  • Backend Creation (Node.js): Scaffold a backend project with Node.js and Express.
  • Add Popular Tools and Features:
    • Redux for state management.
    • Axios for HTTP requests.
    • TailwindCSS for utility-first styling.
    • Socket.IO for real-time communication.
    • Redis for caching and messaging.
    • Kafka for event streaming.
    • Prisma for database ORM.
    • Swagger for API documentation.
    • GraphQL for API development.

Installation

First, you need to install the package globally to make use of the CLI.

npm install -g create_cspp

OR Use using the npx

npm create_cspp

Once installed, you can use the cspp command to generate new applications or add features to existing projects.

Usage

Create a New Frontend Application (React)

To create a new React frontend application:

create_cspp frontend

This will scaffold a new React application with a basic project structure.

Create a New Backend Application (Node.js)

To create a new Node.js backend application:

create_cspp backend

This will scaffold a new Node.js application with Express.js, complete with a basic project structure.

Add Features to Your Application

You can also use create_cspp to easily add popular tools and features to your project.

create_cspp add <feature>

For example:

  • Add Redux for state management:

    create_cspp add redux
  • Add Axios for HTTP requests:

    create_cspp add axios
  • Add TailwindCSS for styling:

    create_cspp add tailwind
  • Add Socket.IO for WebSocket communication:

    create_cspp add socket-server
  • Add Redis for caching and data persistence:

    create_cspp add redis-server
  • Add Kafka for event-driven architecture:

    create_cspp add kafka-server
  • Add Prisma ORM for database interaction:

    create_cspp add prisma
  • Add Swagger for API documentation:

    create_cspp add swagger-api-doc
  • Add GraphQL for building APIs:

    create_cspp add graphql-server

Available Commands

  • create_cspp frontend: Create a new frontend (React) application.
  • create_cspp backend: Create a new backend (Node.js) application.
  • create_cspp add <feature>: Add a feature to your project.

List of Features

The following features are supported and can be added to your project:

| Feature | Description | | ------------------- | ------------------------------------ | | redux | Add Redux for state management | | axios | Add Axios for making HTTP requests | | tailwind | Add TailwindCSS for styling | | socket-server | Add Socket.IO for real-time features | | redis-server | Add Redis for caching/data store | | kafka-server | Add Kafka for message streaming | | prisma | Add Prisma ORM for databases | | swagger-api-doc | Add Swagger for API documentation | | graphql-server | Add GraphQL for API development |

Help

You can use the --help flag to get more information about the available commands:

cspp --help

Contributing

We welcome contributions! If you would like to contribute, please submit a pull request or open an issue on our GitHub repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.