https://github.com/el634dev/react-ts-tailwind

React, TypeScript and Tailwind CSS boilerplate with NPM as the package manager
https://github.com/el634dev/react-ts-tailwind

react-vite tailwind-css template-project typescript

Last synced: about 1 month ago
JSON representation

React, TypeScript and Tailwind CSS boilerplate with NPM as the package manager

• Host: GitHub
• URL: https://github.com/el634dev/react-ts-tailwind
• Owner: el634dev
• Created: 2024-05-30T20:15:46.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-06T14:26:17.000Z (6 months ago)
• Last Synced: 2024-07-06T15:42:29.220Z (6 months ago)
• Topics: react-vite, tailwind-css, template-project, typescript
• Language: TypeScript
• Homepage:
• Size: 56.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React-TS-Tailwind Boilerplate 

> A React, TypeScript and Tailwind CSS boilerplate project that can be used for projects

## Table of Contents

* [General Info](#general-information)

* [Technologies Used](#technologies-used)

* [Setup](#setup)

* [Usage](#usage)

* [Acknowledgements](#acknowledgements)

## General Information

> This project aims to solve the problem of getting Tailwind CSS to work with TypScript

> 

> The purpose of this project to make development more smoother and simpler so the focus is on the project

## Technologies Used

> [![My Skills](https://skillicons.dev/icons?i=react)](https://skillicons.dev)

> [![My Skills](https://skillicons.dev/icons?i=tailwind)](https://skillicons.dev)

> [![My Skills](https://skillicons.dev/icons?i=ts)](https://skillicons.dev)

## Setup

> To setup things after you have cloned this project, you must first go into the react-boilerplate directory/folder by using `cd react-boilerplate` in your terminal.

> After you have change directories you then run `npm install` in your terminal and you can run `npm run dev` because `npm start` does not work with Vite.

## Usage

> Then after setup things you can write your code in the src directory/folder inside of the react-boilerplate

## Project Status

Project is:  _complete_.

## Acknowledgements

Give credit here.

- This project was inspired by the pain of trying to get Tailwind CSS setup with TypeScript and Vite

- This project was based on [this tutorial]([https://www.example.com](https://frontendshape.com/post/install-setup-tailwind-css-react-18-typescript-vite)).

- If your project is not showing anything or seems to be not working, try shutting down the server using `ctrl + c` for Mac users and restart the server again by running `npm run dev`.