Skip to content

React + Tailwind + Font Awesome Starter Template | 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

Notifications You must be signed in to change notification settings

codeharbourdev/React-tailwind-template

Repository files navigation

⚛️ React + Tailwind + Font Awesome Starter Template

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

🚀 Getting Started

1. Clone the repository

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.


About

React + Tailwind + Font Awesome Starter Template | 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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published