Author: M Abo Bakar Aslam

Style React Application using Tailwind CSS

Before doing this assignment, you should have react application in which all pages/components are designed by custom-external-CSS (globalStyles.css or index.css). In this assignment, you will convert only CSS file, while rest of the code will remain same.

You can follow below steps to create solution of the assignment.

Step 1; Configure Tailwind CSS with the Application

You can configure the application with Tailwind CSS by using commands. You can view the lesson again by click on below button.

Step 2; Convert External-CSS classes by Tailwind CSS

You can give complete file (index.css or globalStyles.css) to chatGPT for conversion and get the code. Paste the code in index.css.

or

You can use built-in components provided by Tailwind CSS.