This is a ready-to-use React starter template with:
- ✅ Tailwind CSS pre-configured
- ✅ Font Awesome (solid icons) support
- ✅ Clean file structure for scalable projects
git clone https://github.com/codeharbourdev/React-tailwind-template.git
cd your-template-name
2. Install dependencies
bash
npm install
3. Start the development server
bash
npm run dev
📦 Pre-installed Packages
npm install tailwindcss postcss autoprefixer
npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/fontawesome-svg-core
🔧 Folder Structure
src/
│
├── assets/ # Image and media files
├── components/ # Reusable components
├── App.jsx # Main App component
├── main.jsx # Entry point
└── index.css # Tailwind directives
🔤 Font Awesome Usage Example
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faBars } from '@fortawesome/free-solid-svg-icons';
<FontAwesomeIcon icon={faBars} className="text-xl text-gray-700" />
🧑💻 Author
Name: Rishabh Kumar Yadav
GitHub: @codeharbourdev
📜 License
This project is licensed under the MIT License.