Add Tailwind CSS and PostCSS Configuration

[aamirxshaikh]

Pull Request Title

Add Tailwind CSS and PostCSS Configuration

Description:

This pull request introduces Tailwind CSS and PostCSS into the project to enhance styling capabilities. It sets up Tailwind CSS for utility-first styling and PostCSS for processing CSS files. These tools will streamline the styling process and provide more flexibility and efficiency in managing CSS.

Changes:

• Added autoprefixer and tailwindcss dependencies to package.json.
• Created a new postcss.config.js file for PostCSS configuration, including Tailwind CSS and autoprefixer plugins.
• Updated src/index.css to include Tailwind CSS directives (@tailwind base, @tailwind components, @tailwind utilities).
• Added a new tailwind.config.js file to configure Tailwind CSS with paths to HTML and source files.

Purpose:

The purpose of this pull request is to integrate Tailwind CSS and PostCSS into the project. Tailwind CSS provides a utility-first approach to styling, which can greatly simplify the CSS management process and improve development speed. PostCSS will handle the CSS processing, ensuring that the styles are applied correctly across different browsers with the help of autoprefixer. This setup will enhance the overall styling workflow and consistency of the project.

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud