https://github.com/im-rises/image-ascii-art-website

Demo website of the image ascii art convertisor package
https://github.com/im-rises/image-ascii-art-website

ascii ascii-art demo image image-ascii image-processing package react

Last synced: 9 days ago
JSON representation

Demo website of the image ascii art convertisor package

• Host: GitHub
• URL: https://github.com/im-rises/image-ascii-art-website
• Owner: Im-Rises
• License: mit
• Created: 2023-05-01T19:50:06.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-01T00:48:59.000Z (over 1 year ago)
• Last Synced: 2025-02-17T04:26:08.394Z (3 months ago)
• Topics: ascii, ascii-art, demo, image, image-ascii, image-processing, package, react
• Language: TypeScript
• Homepage: https://im-rises.github.io/image-ascii-art-website/
• Size: 1.78 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# image-ascii-art



    

    

    

    

    



## Description

This is a simple web demo of the `image-ascii-art` package that converts a image into ASCII art.

## 🚀🚀 [You can try it out](https://im-rises.github.io/image-ascii-art-website/) 🚀🚀

## 🚀🚀 [The package is published on npm](https://www.npmjs.com/package/image-ascii-art) 🚀🚀

The installation and usage of the package is explained in the package's README.

The demo is taking an input image and converting it into ASCII art.

There are three buttons to change the art style between black/white and color, you can also copy to clipboard the ASCII

art and change the input image to another one.

## Screenshots



## Dependencies

The project is using React, TypeScript, JavaScript, SCSS, CSS, etc...

## Code style

The code style used in this project is XO.

You can find some changes in the `.eslintrc.js` file.

The project is also set up to use ESLint.

## GitHub Actions

[![pages-build-deployment](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/pages/pages-build-deployment)

[![Node.js CI](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/node.js.yml)

[![ESLint](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/eslint.yml/badge.svg?branch=main)](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/eslint.yml)

[![CodeQL](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/codeql.yml/badge.svg?branch=main)](https://github.com/Im-Rises/image-ascii-art-website/actions/workflows/codeql.yml)

The project is set up to run the following actions:

- pages-build-deployment : Builds the website and deploys it to GitHub Pages.

- node.js.yml : Runs the tests for the Node.js project.

- eslint.yml : Runs the ESLint linter on the project.

- codeql.yml : Runs the CodeQL linter on the project.

## Documentations

Xo:  

ESLint:  

GitHub gh-pages:  

## Package Links

Check the source code

on [![github](https://user-images.githubusercontent.com/59691442/223556058-6244e346-8117-43cd-97c6-bf68611bf286.svg)](https://github.com/im-rises/image-ascii-art)

Check the package

on [![npm](https://user-images.githubusercontent.com/59691442/223556055-4e9ef014-79d4-4136-ac07-b837b49066c8.svg)](https://www.npmjs.com/package/image-ascii-art)

## Contributors

Quentin MOREL :

- @Im-Rises

- 

[![GitHub contributors](https://contrib.rocks/image?repo=Im-Rises/image-ascii-art-website)](https://github.com/Im-Rises/image-ascii-art-website/graphs/contributors)