All Projects → ajmeese7 → readme-ascii

ajmeese7 / readme-ascii

Licence: MIT license
Turns text into images of ASCII art for GitHub README files.

Programming Languages

javascript
184084 projects - #8 most used programming language
EJS
674 projects
CSS
56736 projects
Procfile
174 projects

Projects that are alternatives of or similar to readme-ascii

cavernos
Retro fantasy terminal for building DOS-era ASCII games, powered by WebAssembly
Stars: ✭ 32 (-33.33%)
Mutual labels:  ascii
webgif
Easily generate animated GIFs from websites
Stars: ✭ 98 (+104.17%)
Mutual labels:  puppeteer
Asciidots-Cheat-Sheet
My personal Asciidots Cheat Sheet in .jpg .odt .pdf .png and obviously in .txt
Stars: ✭ 17 (-64.58%)
Mutual labels:  ascii
ASCIIPlay
A simple video player that renders to ASCII written in C
Stars: ✭ 30 (-37.5%)
Mutual labels:  ascii
gradient-badge
🍭 Badge generator with color gradient support
Stars: ✭ 47 (-2.08%)
Mutual labels:  readme
puppeteer-jest-starter
A starter-kit quipped with the minimal requirements for Puppeteer + Jest, making E2E testing a breeze.
Stars: ✭ 17 (-64.58%)
Mutual labels:  puppeteer
tt
Practicing touch typing, and monitor your typing speed using your own text files
Stars: ✭ 68 (+41.67%)
Mutual labels:  ascii
Puppetry
基于Puppeteer的页面E2E测试GUI工具
Stars: ✭ 35 (-27.08%)
Mutual labels:  puppeteer
sparklines
Text-based sparkline command line mimicking those of Edward Tuft.
Stars: ✭ 84 (+75%)
Mutual labels:  ascii
trafficator
Traffic generator for local analytics testing
Stars: ✭ 27 (-43.75%)
Mutual labels:  puppeteer
readme-generator-for-helm
Auto generate READMEs for Helm Charts
Stars: ✭ 112 (+133.33%)
Mutual labels:  readme
crifan ebook readme
Crifan的电子书的使用说明
Stars: ✭ 195 (+306.25%)
Mutual labels:  readme
mugshot
Framework independent visual testing library
Stars: ✭ 126 (+162.5%)
Mutual labels:  puppeteer
HelloWorlds
Hello-World program in most programming languages
Stars: ✭ 102 (+112.5%)
Mutual labels:  readme
github-stats-generator
Generate your GitHub stats for your README with ease!
Stars: ✭ 31 (-35.42%)
Mutual labels:  readme
pendfetch
Double Pendulum visualised with fetching system information in Python.
Stars: ✭ 62 (+29.17%)
Mutual labels:  ascii
abeamer
frame-by-frame Web Animation framework
Stars: ✭ 49 (+2.08%)
Mutual labels:  puppeteer
readmesfix
Because I'm tired of running into broken READMEs!
Stars: ✭ 63 (+31.25%)
Mutual labels:  readme
http-server-pwa
👾 http-server alike but for serving and rendering PWA: pwa-server
Stars: ✭ 14 (-70.83%)
Mutual labels:  puppeteer
puppeteer-loadtest
load test puppeteer (Headless Chrome API) script using node
Stars: ✭ 107 (+122.92%)
Mutual labels:  puppeteer

readme-ascii

readme-ascii

Whenever you're exploring the most successful repositories on GitHub, there is usually one thing that stands out the most: a logo.

If you go to Node.js, right at the top they have their fancy logo. It's the same with Wiki.js, Rust, Bootstrap, GitHub Readme Stats, nodemon... the list goes on.

Unfortunately, not all of us have the spare time to spend on a logo. Enter readme-ascii.

ASCII art is an easy solution to a logo, but it tends to not display well across different screen sizes. That's why I made this project, to turn the ASCII text into an image that can resize as expected.

The biggest caveat with this project so far is that it doesn't look great on longer strings. So for now just try to stick with concise names, and I'll see what I can whip up in the future. Check out the one on my profile!

Usage

Using this project couldn't be simpler.

  1. Go to the site
  2. Enter your text
  3. Click "Generate Image"
  4. Wait as your image is created
  5. Download the image
  6. Success!

Development

If you want to work on this project locally, run the following commands:

  1. npm install - required initially to download the npm dependencies
  2. npm run devstart - runs environment with nodemon, so the server is automatically restarted on changes
  3. Visit localhost:5000 to interact with it

TODOs

After I get the MVP of this working, there are several things I would like to go back and add. Any help doing so would be appreciated :)

  • Add more to Advanced Settings section
  • Look into the option to create ASCII versions of images
  • Make button be clicked on enter press
  • Stop it from not showing the error png on the second failure
  • Make the site look better on mobile
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].