Simple ReactJS Instagram Caption Line Breaker

What is in the Repo

This Project is a Simple ReactJS Application which demonstrates the following

1. Creating Functional Components in React
2. Using Bootstrap along with React
3. Using of React hooks

Use of the App

Your caption with line breaks is easier to read and understand. The paragraphs in instagram are broken by default and this problem should be fixed immediately. This tool uses "secret symbol" to avoid unexpected broken line breaks in your caption.

This project is part of my React cardio session. It can be used to build bigger projects

Live Application URL

https://ekamid.github.io/instagram-caption-line-breaker/

Prerequisites

Install Node JS

Refer to https://nodejs.org/en/ to install nodejs

Install create-react-app

Install create-react-app npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install create-react-app

npm install -g create-react-app

Cloning and Running the Application in local

Clone the project into local

git clone https://github.com/ekamid/instagram-caption-line-breaker.git
cd instagram-caption-line-breaker

Install all the npm packages. Go into the project folder and type the following command to install all npm packages

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000