open-index/open-npm huggingface dataset:
npm package: @karandikar.mihir/react-progress-bar
Description: <ProgressBar /> for React projects
Author: Mihir Karandikar
Latest version: 1.0.2

#React Progress Bar :hourglass:

![Travis CI](https://travis-ci.org/KarandikarMihir/react-progress-bar.svg?branch=master "Logo Title Text 1")
![Dependency](https://david-dm.org/KarandikarMihir/react-progress-bar.svg)
[![npm version](https://badge.fury.io/js/%40karandikar.mihir%2Freact-progress-bar.svg)](https://badge.fury.io/js/%40karandikar.mihir%2Freact-progress-bar)
___
Progress bar for React projects. Typically used for route transitions. This is based on [react-progress-bar-plus](https://github.com/minhtranite/react-progress-bar-plus)
Development is ON :godmode:
npm package: @karanh15/fire-doc
Description: Firebase schema documenter
Author: Karan Hotwani - https://www.linkedin.com/in/karan-hotwani-a9ba73167
Latest version: 1.0.1

## FIRE DOC
Fire-doc is a simple script written in Typescript that runs over your entire cloud firestore database
and gives out the a csv file as an output containing a documentation of all the firestore documents in all
the collections in your database. 

## Getting Started

## Prerequisites
node.js v14+, npm

## Installation
npm install @karanh15/fire-doc

## Available Options
```
Options:
      --help         Show help                                         
      --version      Show version number                               
  -f, --file         firebase config file path(required)
  -c, --collections  List of collections(Unavailable for now)        
  -o, --output       Output format(Unavailable for now)
 ```

## Examples

```
fire-doc -f /home/uname/Desktop/src/testProj-firebase-adminsdk-ry873-98g90byb01.json 
```

## Description

This tool is written to help with a problem that arises when using cloud firestore. As you might know 
when you use firestore, there is no schema at all!! since it is a nosql database. But other nosql databases
(e.g mongodb) does give you option to design your schema and then use it while doing crud operations in your
database. Since schemas are not required and is not mandatory when it comes to firestore(IDK why?), it may happen
that you have a bunch of collections and nested collections in your database with firestore documents containing 
objects with different fields having different datatypes. So as you can see it can get messy and there is no
way of just documenting it. This tool tries to solve that issue. It will select a firestore document from each collection
and give you the fields stored in it with it's datatype and path to the document so you can know where & what is
stored in your db.

Do share any doubts,queries,feedbacks etc.
I faced this issue while working on firestore where I had to sit and document everything and it was a painful process.
So I automated it and thought it may help others who might face the same issue.

Create a firebase project and Go to Project Settings > Service Accounts > Create Service Account and download 
serviceAccountKey.json. This file is required to give access to your database for documentation. The Output
will be saved in local file system, in the directory from which script has run.


## Upcoming features.
- Documentation for selected collections.
- Documenting till a certain nesting level.
- Output in Json format.
- Documentation for multiple documents inside each collection.
- Documentation for nested objects.
- Firebase emulator suite support.
- Not a feature, but testing & profiling is pending too.

## Authors
- Karan Hotwani - https://www.linkedin.com/in/karan-hotwani-a9ba73167

Cheers!
npm package: @karanh15/fmh-operations
Description: Package for performing arithmetic operations
Latest version: 1.0.9

# operations
Package for performing arithmetic operations

## Sample Code 
test.js

```

import { evaluate, round } from '@karanh15/operations'

console.log(evaluate(1, 2, 'ADDITION', null ,'MY'))
console.log(evaluate(1, 2, 'ADDITION', 2))
console.log(round(2.343, null, 'MY'))
console.log(round(2.343, 2, 'MY'))

```

```
node --experimental-specifier-resolution=node test.js
```
npm package: @karanj/monochromecss
Description: Lightweight CSS package focusing on legibility
Author: Karan Jayachandra
Latest version: 1.1.0

# Monochrome CSS

Monochrome CSS is a simple CSS stylesheet for text heavy HTML pages. If you want a simple web page with minimal styling and no hassles this is styling for you.

- Legibilty
- Simplicity

A live demonstration using the HTML5 Test Page developed by [Chris Bracco](https://github.com/cbracco) with the sstyling can be reached [here](https://css.karanj.com/).

## Usage

You can insert the following code in your HTML webpage:

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@karanj/monochromecss/main.min.css">
```

Or you can add this dependency to your npm package via:

```bash
npm i @karanj/monochromecss
```

## Styling

If you don't like red, the default color, you can change the [hue and saturation](https://www.w3schools.com/colors/colors_hsl.asp) variables in your HTML as show below to get blue.

```html
<style>
    :root {
        --hue: 240;
        --saturation: 50%;
    }
</style>
```

**IMPORTANT**: Remember to change the variables after loading the stylesheet, not before.

## Contributing

To contribute to this repository, please create a fork and submit a merge request. Please keep in mind the fundamental principles of the stylesheet though:

1. CSS on base HTML tags is preferred over styles applied to classes or ids.
2. The focus is on text pages. Styling for forms is limited on purpose.
3. This is a minimal stylesheet, more complex styling is not relevant.