DEV Community

Cover image for How I have added a custom ASCII Art Banner to the React Server
Deepak Patil
Deepak Patil

Posted on • Updated on

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.

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
Enter fullscreen mode Exit fullscreen mode



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

Video Tutorial To Use Package :

How I have added custom ASCII art banner in React Application | ASCII art banner in React terminal - YouTube

How I have added a custom ASCII art banner in React Application | ASCII art banner in React terminal | How to add custom ASCII art banner in React while runn...

favicon youtube.com

Top comments (0)