DEV Community

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

Posted on • Edited on

1

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

Speedy emails, satisfied customers

Postmark Image

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay