An open API service indexing awesome lists of open source software.

https://github.com/alexrogalskiy/wotd

🌐 Styled Word of the Day API
https://github.com/alexrogalskiy/wotd

typescript vercel-serverless-functions wotd

Last synced: 4 months ago
JSON representation

🌐 Styled Word of the Day API

Awesome Lists containing this project

README

        

# *Styled Word of the Day*

> Generate SVG [styled wotd](https://en.wiktionary.org/wiki/Wiktionary:Word_of_the_day)

![GitHub tag (latest by date)](https://img.shields.io/github/v/tag/AlexRogalskiy/wotd)
![GitHub Release Date](https://img.shields.io/github/release-date/AlexRogalskiy/wotd)
![Lines of code](https://tokei.rs/b1/github/AlexRogalskiy/wotd?category=lines)
![GitHub closed issues](https://img.shields.io/github/issues-closed/AlexRogalskiy/wotd)
![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/AlexRogalskiy/wotd)
![GitHub repo size](https://img.shields.io/github/repo-size/AlexRogalskiy/wotd)
![GitHub last commit](https://img.shields.io/github/last-commit/AlexRogalskiy/wotd)
![GitHub](https://img.shields.io/github/license/AlexRogalskiy/wotd)
![GitHub language count](https://img.shields.io/github/languages/count/AlexRogalskiy/wotd)
![GitHub search hit counter](https://img.shields.io/github/search/AlexRogalskiy/wotd/goto)
![GitHub Repository branches](https://badgen.net/github/branches/AlexRogalskiy/wotd)
![GitHub Repository dependents](https://badgen.net/github/dependents-repo/AlexRogalskiy/wotd)

[![DeepSource](https://deepsource.io/gh/AlexRogalskiy/wotd.svg/?label=active+issues\&show_trend=true)](https://deepsource.io/gh/AlexRogalskiy/wotd/?ref=repository-badge)
[![DeepScan grade](https://deepscan.io/api/teams/11946/projects/16532/branches/357958/badge/grade.svg)](https://deepscan.io/dashboard#view=project\&tid=11946\&pid=16532\&bid=357958)
[![Tokei](https://tokei.rs/b1/github/AlexRogalskiy/wotd?category=lines)](https://github.com/XAMPPRocky/tokei)
![Mergify Status](https://img.shields.io/endpoint.svg?url=https://gh.mergify.io/badges/AlexRogalskiy/wotd)
[![Reviewed by Hound](https://img.shields.io/badge/Reviewed_by-Hound-8E64B0.svg)](https://houndci.com)
[![DOI](https://zenodo.org/badge/341363749.svg)](https://zenodo.org/badge/latestdoi/341363749)
[![dependencies Status](https://status.david-dm.org/gh/AlexRogalskiy/wotd.svg)](https://david-dm.org/AlexRogalskiy/wotd)
[![dependencies Status](https://status.david-dm.org/gh/AlexRogalskiy/wotd.svg)](https://david-dm.org/AlexRogalskiy/wotd)
[![devDependencies Status](https://status.david-dm.org/gh/AlexRogalskiy/wotd.svg)](https://david-dm.org/AlexRogalskiy/wotd?type=dev)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://raw.githubusercontent.com/alexrogalskiy/wotd/master/LICENSE?token=AH44ZFH7IF2KSEDK7LSIW3C7YOFYC)
[![Issue](https://img.shields.io/github/issues/alexrogalskiy/wotd)](https://img.shields.io/github/issues/alexrogalskiy/wotd)
[![Forks](https://img.shields.io/github/forks/alexrogalskiy/wotd)](https://img.shields.io/github/forks/alexrogalskiy/wotd)
[![Stars](https://img.shields.io/github/stars/alexrogalskiy/wotd)](https://img.shields.io/github/stars/alexrogalskiy/wotd)
![code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)
[![Maintainability](https://api.codeclimate.com/v1/badges/6652b08d6be6957dde3c/maintainability)](https://codeclimate.com/github/AlexRogalskiy/wotd/maintainability)
[![Total alerts](https://img.shields.io/lgtm/alerts/g/AlexRogalskiy/wotd.svg?logo=lgtm\&logoWidth=18)](https://lgtm.com/projects/g/AlexRogalskiy/wotd/alerts/)
[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/AlexRogalskiy/wotd.svg?logo=lgtm\&logoWidth=18)](https://lgtm.com/projects/g/AlexRogalskiy/wotd/context:javascript)

[![codebeat badge](https://codebeat.co/badges/49c503f7-60ed-42e0-9cd3-e631ea6e2c69)](https://codebeat.co/projects/github-com-alexrogalskiy-wotd-master)
[![Renovatebot](https://badgen.net/badge/renovate/enabled/green?cache=300)](https://renovatebot.com/)
[![Dependabot](https://img.shields.io/badge/dependabot-enabled-1f8ceb.svg?style=flat-square)](https://dependabot.com/)
[![NewReleases](https://newreleases.io/badge.svg)](https://newreleases.io/github/AlexRogalskiy/wotd)
[![Hits-of-Code](https://hitsofcode.com/github/AlexRogalskiy/wotd)](https://hitsofcode.com/github/AlexRogalskiy/wotd/view)
[![ComVer](https://img.shields.io/badge/ComVer-compliant-brightgreen.svg)][tags]
![Website](https://img.shields.io/website?url=https://styled-wotd.vercel.app/api?layout=default)

[![codecov](https://codecov.io/gh/AlexRogalskiy/wotd/branch/master/graph/badge.svg?token=ad69fHEygN)](https://codecov.io/gh/AlexRogalskiy/wotd)
[![CI](https://github.com/AlexRogalskiy/wotd/workflows/CI/badge.svg)](https://github.com/AlexRogalskiy/wotd/actions/workflows/build.yml)
[![GitHub Super-Linter](https://github.com/AlexRogalskiy/wotd/workflows/Lint%20Code%20Base/badge.svg)](https://github.com/marketplace/actions/super-linter)
[![GitHub JSON-Validator](https://github.com/AlexRogalskiy/wotd/workflows/Validate%20JSONs/badge.svg)](https://github.com/OrRosenblatt/validate-json-action)
[![BCH compliance](https://bettercodehub.com/edge/badge/AlexRogalskiy/wotd?branch=master)](https://bettercodehub.com/)

[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/AlexRogalskiy/wotd)
[![Chat](https://img.shields.io/badge/chat-discussions-success.svg)](https://github.com/AlexRogalskiy/wotd/discussions)
[![Open questions](https://img.shields.io/badge/Open-questions-blue.svg?style=flat-curved)](https://github.com/AlexRogalskiy/wotd/labels/question)
[![Open bugs](https://img.shields.io/badge/Open-bugs-red.svg?style=flat-curved)](https://github.com/AlexRogalskiy/wotd/labels/bug)

## *Table of contents*

- [*Description*](#description)
- [*How to use*](#how-to-use)
- [*Example*](#example)
- [*Visitor stats*](#visitor-stats)
- [*Licensing*](#licensing)
- [*Authors*](#authors)
- [*Versioning*](#versioning)
- [*Contribution*](#contribution)
- [*Acknowledgement*](#acknowledgement)
- [*Forks*](#forks)
- [*Issues*](#issues)
- [*Team Tools*](#team-tools)
- [*OpenGraph Card*](#opengraph-card)
- [*Development Support*](#development-support)

## *Description*



TypeScript


Project Status: Active – The project has reached a stable, usable state and is being actively developed.


Project created status


Project updated status

***Styled Word of the Day*** is a serverless function that dynamically generates styled word images based on SVG (Scalable Vector Graphics).
For the tech stack, ***Styled Word of the Day*** using Typescript and serverless function from Vercel stack.

## *How to use*

It's simple, you can copy paste this markdown content, like this one:

```
![Styled Wotd](https://styled-wotd.vercel.app/api?theme=[value]&layout=[value]&animation=[value]&bgColor=[value]&opacity=[value]&colorPattern=[value]&primaryColor=[value]&secondaryColor=[value]&pattern=[pattern]&language=[value]&width=[width]&height=[height])
```

There are several options you can use from the list:

| **Options** | **Description** | **Type** | **Example** | **Query Params** |
| ----------------------------- | ---------------------------------- | --------------------------------- | ------------------ | -------------------------- |
| **\[Theme]** | Theme of the image | String | default_repocard | `?theme=[value]` |
| **\[Layout]** | Layout of the image | String | default | `&layout=[value]` |
| **\[Animation]** | Animation of the image | String | grow_out_in | `&animation=[value]` |
| **\[Background Color]** | Background color of the image | Hex color code | ffffff | `&bgColor=[value]` |
| **\[Opacity Pattern]** | Opacity of the background pattern | Float number | 0 - 1 | `&opacity=[value]` |
| **\[Color Pattern]** | Color of the background pattern | Hex color code | 1abc9c | `&colorPattern=[value]` |
| **\[Primary Font Color]** | Primary font color of the text | Hex color code | 000000 | `&primaryColor=[value]` |
| **\[Secondary Font Color]** | Secondary font color of the text | Hex color code | 000000 | `&secondaryColor=[value]` |
| **\[Pattern]** | Background pattern | String constant | plus | `&pattern=[value]` |
| **\[Language]** | Word language | String constant | balinese | `&language=[value]` |
| **\[Width]** | Image width | String | 100% | `&width=[value]` |
| **\[Height]** | Image height | String | 100% | `&height=[value]` |

Here is a list of supported image themes:

| **Name** | **Value** |
| --------------------------------- | ----------------------------- |
| **Default** | default |
| **Default repocard** | default_repocard |
| **Dark** | dark |
| **Radical** | radical |
| **Merko** | merko |
| **Gruvbox** | gruvbox |
| **Tokyo night** | tokyonight |
| **One dark** | onedark |
| **Cobalt** | cobalt |
| **Synth wave** | synthwave |
| **High contrast** | highcontrast |
| **Dracula** | dracula |
| **Prussian** | prussian |
| **Monokai** | monokai |
| **Vue** | vue |
| **Vue dark** | vue_dark |
| **Shades of purple** | shades_of_purple |
| **Night owl** | nightowl |
| **Buefy** | buefy |
| **Blue green** | blue_green |
| **Algolia** | algolia |
| **Great Gatsby** | great_gatsby |
| **Darcula** | darcula |
| **Bear** | bear |
| **Solarized dark** | solarized_dark |
| **Solarized light** | solarized_light |
| **Chartreuse dark** | chartreuse_dark |
| **Nord** | nord |
| **Gotham** | gotham |
| **Material pale night** | material_palenight |
| **Gray white** | graywhite |
| **Vision friendly dark** | vision_friendly_dark |
| **Ayu mirage** | ayu_mirage |
| **Midnight purple** | midnight_purple |
| **Calm** | calm |
| **Flag India** | flag_india |
| **Omni** | omni |
| **React** | react |
| **Jolly** | jolly |
| **Maroongold** | maroongold |
| **Yeblu** | yeblu |
| **Blueberry** | blueberry |
| **State orange** | slateorange |
| **Kacho ga** | kacho_ga |
| **Arabesque** | arabesque |

List of supported image layouts:

| **Name** | **Value** |
| --------------------------------- | ----------------------------- |
| **Default** | default |

List of supported image animations:

| **Name** | **Value** |
| --------------------------------- | ----------------------------- |
| **Default** | default |
| **Grow-out-in** | grow_out_in |

List of supported languages:

| **Name** | **Value** |
| --------------------------------- | --------------------- |
| **Arabic** | arabic |
| **Balinese** | balinese |
| **Chinese (mandarin)** | mandarin_chinese |
| **Dari** | dari |
| **Dutch** | dutch |
| **English (portuguese)** | portuguese_english |
| **English (spanish)** | spanish_english |
| **Esperanto** | esperanto |
| **French** | french |
| **German** | german |
| **Hebrew** | hebrew |
| **Hindi** | hindi |
| **Indonesian** | indonesian |
| **Irish** | irish |
| **Italian** | italian |
| **Japanese** | japanese |
| **Korean** | korean |
| **Latin** | latin |
| **Norwegian** | norwegian |
| **Pashto** | pashto |
| **Polish** | polish |
| **Brazilian** | brazilian |
| **Russian** | russian |
| **Spanish** | spanish |
| **Swedish** | swedish |
| **Turkish** | turkish |
| **Urdu** | urdu |

Patterns provided by [Hero Pattern](https://github.com/lowmess/hero-patterns) package which is developed by [Lowmess](https://github.com/lowmess/):

| **Name** | **Value** |
| --------------------------------- | ----------------------------- |
| **Jigsaw** | jigsaw |
| **Overcast** | overcast |
| **Formal Invitation** | formalInvitation |
| **Topography** | topography |
| **Texture** | texture |
| **Jupiter** | jupiter |
| **Architect** | architect |
| **Cutout** | cutout |
| **Hideout** | hideout |
| **Graph Paper** | graphPaper |
| **Yyy** | yyy |
| **Squares** | squares |
| **Falling Triangles** | fallingTriangles |
| **Piano Man** | pianoMan |
| **Pie Factory** | pieFactory |
| **Dominos** | dominos |
| **Hexagons** | hexagons |
| **Charlie Brown** | charlieBrown |
| **Autumn** | autumn |
| **Temple** | temple |
| **Stamp Collection** | stampCollection |
| **Death Star** | deathStar |
| **Church on Sunday** | churchOnSunday |
| **I Like Food** | iLikeFood |
| **Overlapping Hexagons** | overlappingHexagons |
| **Four Point Stars** | fourPointStars |
| **Bamboo** | bamboo |
| **Bathroom Floor** | bathroomFloor |
| **CorkScrew** | corkScrew |
| **Happy Intersection** | happyIntersection |
| **Kiwi** | kiwi |
| **Lisbon** | lisbon |
| **Random Shapes** | randomShapes |
| **Steel Beams** | steelBeams |
| **Tiny Checkers** | tinyCheckers |
| **X Equals** | xEquals |
| **Anchors Away** | anchorsAway |
| **Bevel Circle** | bevelCircle |
| **Brick Wall** | brickWall |
| **Fancy Rectangles** | fancyRectangles |
| **Heavy Rain** | heavyRain |
| **Overlapping Circles** | overlappingCircles |
| **Plus** | plus |
| **Rounded Plus Connected** | roundedPlusConnected |
| **Volcano Lamp** | volcanoLamp |
| **Wiggle** | wiggle |
| **Bubbles** | bubbles |
| **Cage** | cage |
| **Connections** | connections |
| **Current** | current |
| **Diagonal Stripes** | diagonalStripes |
| **Flipped Diamonds** | flippedDiamonds |
| **Floating Cogs** | floatingCogs |
| **Glamorous** | glamorous |
| **Hounds tooth** | houndstooth |
| **Leaf** | leaf |
| **Lines In Motion** | linesInMotion |
| **Moroccan** | moroccan |
| **Morphing Diamonds** | morphingDiamonds |
| **Rails** | rails |
| **Rain** | rain |
| **Skulls** | skulls |
| **Squares In Squares** | squaresInSquares |
| **Stripes** | stripes |
| **Tic Tac Toe** | ticTacToe |
| **ZigZag** | zigZag |
| **Aztec** | aztec |
| **BankNote** | bankNote |
| **Boxes** | boxes |
| **Circles And Squares** | circlesAndSquares |
| **CircuitBoard** | circuitBoard |
| **Curtain** | curtain |
| **Diagonal Lines** | diagonalLines |
| **Endless Clouds** | endlessClouds |
| **Eyes** | eyes |
| **Floor Tile** | floorTile |
| **Groovy** | groovy |
| **Intersecting Circles** | intersectingCircles |
| **Melt** | melt |
| **Overlapping Diamonds** | overlappingDiamonds |
| **Parkay Floor** | parkayFloor |
| **Pixel Dots** | pixelDots |
| **Polka Dots** | polkaDots |
| **Signal** | signal |
| **Slanted** Stars | slantedStars |
| **Wallpaper** | wallpaper |

## *Example*

This is example of using ***Styled Word of the Day***:

```
![Styled Wotd](https://styled-wotd.vercel.app/api?theme=default_repocard&layout=default)
```

Result:


Styled Word of the Day

## *Visitor stats*

[![GitHub page hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FAlexRogalskiy%2Fwotd\&count_bg=%2379C83D\&title_bg=%23555555\&icon=\&icon_color=%23E7E7E7\&title=hits\&edge_flat=true)](https://hits.seeyoufarm.com)

![GitHub stars](https://img.shields.io/github/stars/AlexRogalskiy/wotd?style=social)
![GitHub forks](https://img.shields.io/github/forks/AlexRogalskiy/wotd?style=social)
![GitHub watchers](https://img.shields.io/github/watchers/AlexRogalskiy/wotd?style=social)

## *Licensing*

***Styled Word of the Day*** is distributed under LGPL version 3 or later, \[[License](https://github.com/AlexRogalskiy/wotd/blob/master/LICENSE)].
LGPLv3 is additional permissions on top of GPLv3.

![license](https://user-images.githubusercontent.com/19885116/48661948-6cf97e80-ea7a-11e8-97e7-b45332a13e49.png)

## *Authors*

***Styled Word of the Day*** is maintained by the following GitHub team-members:

- [![Author](https://img.shields.io/badge/author-AlexRogalskiy-FB8F0A)](https://github.com/AlexRogalskiy)

with community support please contact with us if you have some question or proposition.

## *Kubernetes*

Running k8s cluster with tilt command by acquiring k8s deployment configuration:

```shell
tilt up
```

Shutting down k8s cluster with provisioned resources removal:

```shell
tilt down --delete-namespaces
```

## *Versioning*

The project uses [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository][tags].

## *Contribution*

[![Contributors Display](https://badges.pufler.dev/contributors/AlexRogalskiy/wotd?size=50\&padding=5\&bots=true)](https://badges.pufler.dev)

Please read
[CONTRIBUTING.md](https://github.com/AlexRogalskiy/wotd/blob/master/.github/CONTRIBUTING.md)
for details on our code of conduct, and the process for submitting pull requests to us ([emoji key](https://allcontributors.org/docs/en/emoji-key)).

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome!

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
![Github contributors](https://img.shields.io/github/all-contributors/AlexRogalskiy/wotd)

See also the list of [contributors][contributors] who participated in this project.

## *Acknowledgement*

[![Stargazers repo roster for @AlexRogalskiy/wotd](https://reporoster.com/stars/AlexRogalskiy/wotd)][stars]

[![Stargazers over time](https://starchart.cc/AlexRogalskiy/wotd.svg)][stars_chart]

## *Forks*

[![Forkers repo roster for @AlexRogalskiy/wotd](https://reporoster.com/forks/AlexRogalskiy/wotd)][forkers]

## *Issues*

[![issuehunt-to-marktext](https://issuehunt.io/static/embed/issuehunt-button-v1.svg)](https://issuehunt.io/r/AlexRogalskiy/wotd)

## *Team Tools*

[![alt tag](http://pylonsproject.org/img/logo-jetbrains.png)](https://www.jetbrains.com/)

***Styled wotd*** Team would like inform that JetBrains is helping by provided IDE to develop the application. Thanks to its support program for an Open Source projects!

[![Edit with Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/AlexRogalskiy/wotd)

***Styled wotd*** has experimental support for Gitpod, a pre-configured development environment that runs in your browser. To use Gitpod, click the button below and sign in with GitHub. Gitpod also offers a browser add-on, though it is not required.

[![alt tag](https://seeklogo.com/images/L/lunr-js-logo-A67AC78ECF-seeklogo.com.png)](https://lunrjs.com/guides/getting_started.html)

***Styled wotd*** project is using Lunr search tool to index and query text data by keywords.

## *OpenGraph Card*


OpenGraph card

## *Development Support*

Like ***Styled Word of the Day*** ? Consider buying me a coffee :)

[![Become a Patron](https://img.shields.io/badge/Become_Patron-Support_me_on_Patreon-blue.svg?style=flat-square\&logo=patreon\&color=e64413)](https://www.patreon.com/alexrogalskiy)
[![Buy Me A Coffee](https://img.shields.io/badge/Donate-Buy%20me%20a%20coffee-yellow.svg?logo=buy%20me%20a%20coffee)](https://www.buymeacoffee.com/AlexRogalskiy)
[![KoFi](https://img.shields.io/badge/Donate-Buy%20me%20a%20coffee-yellow.svg?logo=ko-fi)](https://ko-fi.com/alexrogalskiy)

***

[![forthebadge](https://img.shields.io/badge/made%20with-%20typescript-C1282D.svg?logo=typescript\&style=for-the-badge)](https://www.typescriptlang.org/)
[![forthebadge](https://img.shields.io/badge/powered%20by-%20vercel-7116FB.svg?logo=vercel\&style=for-the-badge)](https://vercel.com/)
[![forthebadge](https://img.shields.io/badge/build%20with-%20%E2%9D%A4-B6FF9B.svg?logo=heart\&style=for-the-badge)](https://forthebadge.com/)

[repo]: https://github.com/AlexRogalskiy/wotd

[tags]: https://github.com/AlexRogalskiy/wotd/tags

[issues]: https://github.com/AlexRogalskiy/wotd/issues

[pulls]: https://github.com/AlexRogalskiy/wotd/pulls

[wiki]: https://github.com/AlexRogalskiy/wotd/wiki

[stars]: https://github.com/AlexRogalskiy/wotd/stargazers

[stars_chart]: https://starchart.cc/AlexRogalskiy/wotd

[forkers]: https://github.com/AlexRogalskiy/wotd/network/members

[contributors]: https://github.com/AlexRogalskiy/wotd/graphs/contributors