React Props and Tailwind CSS

React Props and Tailwind CSS

Welcome to my Tailwind CSS and React project built with Vite! This project explores the integration of Tailwind CSS styles and React components using the Vite build tool.

Overview

This project includes a simple React component (Card) that showcases the usage of Tailwind CSS for styling. The Card component code has been adapted from the DevUI Components library, with due credit to the original source.

Additionally, the main App component demonstrates the integration of props in React.

Getting Started

Follow these simple steps to get the project up and running on your local machine.

Prerequisites

Make sure you have Node.js and npm installed.

Installation

Clone the repository

git clone https://github.com/lokeshwar777/loki-react.git
cd "loki-react/React Props and Tailwind CSS"

Install dependencies

npm install

Install Tailwind CSS

npx tailwindcss init -p

Running the App

Start the development server.

npm run dev

Building for Production

Build the project for production.

npm run build

Tutorial Source

This project was inspired by a tutorial from the "Chai aur React" YouTube channel by Hitesh Choudhary.

• Chai aur React Playlist
• Specific Video: Tailwind and Props in reactjs

Built With

• React - A JavaScript library for building user interfaces.
• Vite - Next-generation frontend tooling.
• Tailwind CSS - A utility-first CSS framework.

Credits

This project benefited from the assistance of ChatGPT, a language model developed by OpenAI. ChatGPT provided guidance and help in refining certain aspects of the project.

License

This project is licensed under the MIT License.