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

rapid-kickstart

v0.0.5

Published

Simple script to kickoff rapid prototyping projects

Downloads

5

Readme

Rapid Prototyping Kickstart

This tool provides a "jumpstart" for creating web and mobile applications that fit a very particular use-case of needing to start extremely quickly, and do not have need of server side logic. To this end, these templates are specifically designed to work with Firebase out of the box for simplicity, although that could be ripped out without too much difficulty. A future iteration of this tool may provide an optional node backoffice as well.

Setup

  • Node.js + NPM: Testing is limited currently to 5.3.0+. If you don't currently have node installed, we prefer to install via nodenv and the related nodenv build. On MacOS, you can install both via Homebrew by running:
    brew install nodenv node-build
    nodenv install 5.7.1
  • React Native (Optional): Used for prototypes that select a mobile app option, kickstart requires the react-native-cli package to be installed. You can install it and its dependencies by running:
    brew install watchman flow
    npm install -g react-native-cli
  • Kickstart!: Just install the kickstart script with:
    npm install -g rapid-kickstart

Getting Started

Building the prototype

Simply run kickstart to start building your app template. You'll be walked through a series of questions to help define the template to be generated:

Kickstart Screenshot

Configuring the prototype

Once the application has been built, you can open up the project in your favorite editor. For web projects, be sure to edit web/src/config.js, as it contains some important configuration variables for your application.

Starting a development server

To start the development server for the web application, from a terminal, change to the web directory, and run: npm start. This will start a development server on port 5000.