Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uskhokhar/create-react-tt
A node command line tool to quick start reactjs project with typescript, tailwind, react-router and react-icons.
https://github.com/uskhokhar/create-react-tt
nodejs npm npm-package react-router-dom reactjs side-project tailwindcss typescript vite
Last synced: 4 days ago
JSON representation
A node command line tool to quick start reactjs project with typescript, tailwind, react-router and react-icons.
- Host: GitHub
- URL: https://github.com/uskhokhar/create-react-tt
- Owner: USKhokhar
- Created: 2023-06-24T19:25:02.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-07-16T09:14:02.000Z (over 1 year ago)
- Last Synced: 2025-01-31T11:48:03.868Z (14 days ago)
- Topics: nodejs, npm, npm-package, react-router-dom, reactjs, side-project, tailwindcss, typescript, vite
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/create-react-tt
- Size: 86.9 KB
- Stars: 4
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Create React TT
Starter template for creating React projects with Vite, TypeScript, Tailwind CSS, and React Router.
## Installation
1. If you are using this command for the first time,
- First install the `create-react-tt` package globally by running the following command:
```bash
npm install -g create-react-tt
```
- After installing create-react-tt globally, run:
```bash
npx create-react-tt project-name
```
> replace app-name with name of your project
2. If you already have the `create-react-tt` package installed globally, you can directly run the command:
```bash
npx create-react-tt project-name
```
> replace app-name with name of your project
After successful installation you can run:
```bash
cd project-name && npm run dev
```
This will start the starter template on ``localhost:5173``
## Usage
-----
Once you have created your React project using the `create-react-tt` command, you can start working on it. The generated project includes the following:
* `vite`: Blazing fast build tool for modern web applications.
* `TypeScript`: "JavaScript at scale"
* `Tailwind CSS`: "A utility-first CSS framework for rapid UI development"
* `React Router`: "Declarative routing for React"
You can make use of following scripts throughout your project
* `npm run dev`: Starts the development server with Vite and React.
* `npm run build`: Builds the project for production.
* `npm run lint`: Runs ESLint to lint your code.
* `npm run preview`: Serves the production build for previewing.
Feel free to customize the project by modifying the files according to your requirements.