How I have added a custom ASCII Art Banner to the React Server

While working with React, I wanted to have a cool ASCII art banner while running the React application in the terminal. I have tried so many NPM packages and libraries but none helped. So I have decided to make a package and built reactasciibanner.

Th…


This content originally appeared on DEV Community and was authored by Deepak Patil

While working with React, I wanted to have a cool ASCII art banner while running the React application in the terminal. I have tried so many NPM packages and libraries but none helped. So I have decided to make a package and built reactasciibanner.

This package will help to add custom ASCII art while running React applications like below

Image description

To use this package. We just have to install it in the React application using npm.

npm i @deepcodr/reactasciibanner



Once installed add the ASCII art text to the file called ReactBannerArt.txt and put this file in the src folder of the application.

Then update the package.json start script command from

react-scripts start

to

react-banner start

And that's it you will see ASCII art in the terminal after running the application using npm start

Image description

package link @deepcodr/reactasciibanner


This content originally appeared on DEV Community and was authored by Deepak Patil


Print Share Comment Cite Upload Translate Updates
APA

Deepak Patil | Sciencx (2024-06-16T08:03:16+00:00) How I have added a custom ASCII Art Banner to the React Server. Retrieved from https://www.scien.cx/2024/06/16/how-i-have-added-a-custom-ascii-art-banner-to-the-react-server/

MLA
" » How I have added a custom ASCII Art Banner to the React Server." Deepak Patil | Sciencx - Sunday June 16, 2024, https://www.scien.cx/2024/06/16/how-i-have-added-a-custom-ascii-art-banner-to-the-react-server/
HARVARD
Deepak Patil | Sciencx Sunday June 16, 2024 » How I have added a custom ASCII Art Banner to the React Server., viewed ,<https://www.scien.cx/2024/06/16/how-i-have-added-a-custom-ascii-art-banner-to-the-react-server/>
VANCOUVER
Deepak Patil | Sciencx - » How I have added a custom ASCII Art Banner to the React Server. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/06/16/how-i-have-added-a-custom-ascii-art-banner-to-the-react-server/
CHICAGO
" » How I have added a custom ASCII Art Banner to the React Server." Deepak Patil | Sciencx - Accessed . https://www.scien.cx/2024/06/16/how-i-have-added-a-custom-ascii-art-banner-to-the-react-server/
IEEE
" » How I have added a custom ASCII Art Banner to the React Server." Deepak Patil | Sciencx [Online]. Available: https://www.scien.cx/2024/06/16/how-i-have-added-a-custom-ascii-art-banner-to-the-react-server/. [Accessed: ]
rf:citation
» How I have added a custom ASCII Art Banner to the React Server | Deepak Patil | Sciencx | https://www.scien.cx/2024/06/16/how-i-have-added-a-custom-ascii-art-banner-to-the-react-server/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.