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

pipesort-admin-template

v1.0.0-1

Published

Pipesort - React Bootstrap 4 Admin Dashboard Template

Readme

Netlify Status

production https://backend.arokiya.com/

build hook https://api.netlify.com/build_hooks/5d7bcc483c56add9dd9d3cba

development https://arokiya-dashboard-backend-dev.netlify.com/

build hook https://api.netlify.com/build_hooks/5d7bcceb3c56addad59d3cb7

Requirements

To run this project, you’ll need to install node 5 and above with NPM. The latest version of Node.js is recommended.

The dependencies of this project are managed with yarn (see installation guide here). However you can simply use the node package manager, npm for your dependency management.

Setting up

  • Clone this project to any folder on your local machine
[email protected]:rahulan/serverless-arokiya-backend.git
  • Navigate into the folder name specified
cd serverless-arokiya-backend

Installing Packages

  • For those who love yarn
yarn install
  • For those who love NPM
npm install

Run yarn start or npm start to intialize and run the webpack development server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

Sample login

You can login with any credentials.

App layout

We are using a paid material ui theme, so we have components made by them in src folder. Whatever logic that we write for our app is under src/app you could take a look at the src/app/routes and see how the code is structured.

  1. src/app/app.js :

    Code starts running from here . Here we are

    • Applying dark/light theme and changing that theme based on condition.

    • Authentication. Only Authenticated User can view main pages. For that we are using Private/ Public Route concept based on react-router-dom.

  2. src/app/layouts/index.js :

    Here we are having main layout with Header, SideMenu, Content Components.

    • Content components loading from routes. These routes are getting from src/app/routes/dashboard.js. Each Module has many routes (Create, List, Edit/ Update) so we separated with folders. All the routes then compained in dashboard main route.

    • Sidemenu getting routes from src/app/routes/sideBarRoutes.js. If you wants to navigate from side menu then add that route to sideBarRoutes file. (refer sideBarRoutes.js for example).

  3. src/app/views :

    • This folder contains all the modules with their features in separated module named folders.
  4. src/graphql :

    • we separated mutation and query queries.

    • src/graphql/mutation has Create and Update queries in different files.

    • src/graphql/query has get and list queries files.

Git:
  • Always checkout from master. And create a new branch.
  • Commit often, push often. Even if the feature is incomplete try to push often.
  • Please do not work or push to master branch
  • Write useful commit messages. Good title and good description.
  • After few commits or at the end of day, try to rebase with the remote master. This way you will always be upto date with the master branch
git pull --rebase origin master
Pull Request:
Before Pull Request
  • [x] Squash commits if needed.
  • [x] Be up to date with master
git pull --rebase origin master
  • [x] Make sure there are no errors in your tests.
  • [x] Make sure there are no errors while you do manual testing/checking.
After
  • [x] Give pull request
  • [x] Look at the diff of your pull request, just skim through to find any spelling or any other error.
  • [x] Wait for some one to review your code.
  • [x] Do not merge the pull request yourself.

Debugging or when you get stuck:

  • Check the code flow. Identify the exact line that causes the issue. Use console.log and debugger as possible.
  • After debugging, googling in stackoverflow, if you're stuck for hours please tell about this issue in gitlab or github repo or email.
  • You could create an issue in the repo. Tell where the issue occurs and in which scenario it fails, in which it works. And to reproduce the bug what the person should install or run or click. And what you have tried. You could also attach screenshot or stack trace of the error, anything that would help for others to suggest a solution at a glance