https://github.com/amitjimiwal/react-typescript-jest-bolierplate
React-TypeScript with Testing Library and tailwind CSS Boilerplate | Dont forget to give a ⭐ to the Repo
https://github.com/amitjimiwal/react-typescript-jest-bolierplate
boilerplate-front-end boilerplate-template jest jest-tests react reacttestinglibrary tailwindcss typescript
Last synced: about 2 months ago
JSON representation
React-TypeScript with Testing Library and tailwind CSS Boilerplate | Dont forget to give a ⭐ to the Repo
- Host: GitHub
- URL: https://github.com/amitjimiwal/react-typescript-jest-bolierplate
- Owner: amitjimiwal
- Created: 2023-08-11T04:47:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-16T16:27:14.000Z (over 1 year ago)
- Last Synced: 2025-01-31T08:34:16.929Z (3 months ago)
- Topics: boilerplate-front-end, boilerplate-template, jest, jest-tests, react, reacttestinglibrary, tailwindcss, typescript
- Language: JavaScript
- Homepage:
- Size: 111 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-TypeScript Testing Library and Tailwind CSS Template
Unlike Create-React-App, Vite doesnt come by default with Testing Library, Jest setup with it . So, this repository can help you out in quickly getting started.
## Features
- **[React](https://react.dev)**: A popular JavaScript library for building user interfaces.
- **[Typescript](https://www.typescriptlang.org/)**: A typed superset of JavaScript that helps catch errors early and improve code quality.
- **[Jest](https://jestjs.io/)**: A testing utility for writing unit and integration tests with a user-centric approach.
- **[React-Testing-Library](https://testing-library.com/)**: A testing library for React for writing unit and integration tests with a user-centric approach.
- **[Tailwind](https://tailwindcss.com/)**: A utility-first CSS framework for rapidly building custom designs.
## Getting Started
Follow these steps to set up a new project based on this template:
1. Click the "Use this template" button on this repository to create a new repository using this template.
2. Clone your newly created repository to your local machine:
```bash
git clone https://github.com/amitjimiwal/React-ts-jest-template.git
```
3. Navigate to the project directory:
```bash
cd your-project-name
```
4. Install dependencies:
```bash
npm install
```
5. Start the development server:
```bash
npm run dev
```
6. Open your browser and visit `http://localhost:5173` to see your app in action.
## Contributing
Contributions to improve this template are welcome! If you find any issues or have suggestions for enhancements, feel free to open an issue or submit a pull request.
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/your-feature-name
```
3. Make your changes and commit them:
```bash
git commit -m "Add your changes"
```
4. Push your changes to your forked repository:
```bash
git push origin feature/your-feature-name
```
5. Open a pull request against the `main` branch of this repository.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.