Coder Social home page Coder Social logo

markdown-progress's Introduction

Markdown Progress

Progress bars for markdown.

Have you ever wanted to track some progress in your markdown documents? Well, I do, and I used progressed.io before but it was shutted down.

So I decided to recreate it.

Usage

Add it as an image in your favorite markdown document, like this github readme, and change the progress number at the end.

![](https://geps.dev/progress/10)

Note I'll try to keep this domain name up as much as possible, so wish me a long life ๐Ÿ˜

Examples

Custom colors?

If you want to customize the colors you can use this query params:

dangerColor
warningColor
successColor

It will look like this:

![](https://geps.dev/progress/32?dangerColor=800000&warningColor=ff9900&successColor=006600)

And the results will look like this:

Deploy

So if you want to host it and have your own domain, you can just deploy it on your preferred cloud.

It's straight forward for GCP but with some little changes you can do the same for any cloud since this is a simple function (or lambda).

Google Cloud

Login and set the project in gcloud if you are not already logged in.

gcloud auth login
gcloud config set project THE_PROJECT_NAME

Deploy it as an HTTP Cloud Function with the Progress entrypoint.

gcloud functions deploy progress --runtime go119 --entry-point Progress --trigger-http --memory 128MB --allow-unauthenticated

Test it locally

Build the project so it downloads the dependencies

go build

Run it

go run cmd/main.go

You can visit the endpoint in your favorite browser, for example:

http://localhost:8080/progress/76

markdown-progress's People

Contributors

gepser avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.