Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pazfelipe/tdd-react
Simple react project following TDD concepts
https://github.com/pazfelipe/tdd-react
bun react tailwindcss tdd-javascript testing-library-react typescript
Last synced: 19 days ago
JSON representation
Simple react project following TDD concepts
- Host: GitHub
- URL: https://github.com/pazfelipe/tdd-react
- Owner: pazfelipe
- Created: 2024-07-24T02:01:43.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-25T05:14:52.000Z (6 months ago)
- Last Synced: 2024-11-09T18:43:32.703Z (3 months ago)
- Topics: bun, react, tailwindcss, tdd-javascript, testing-library-react, typescript
- Language: TypeScript
- Homepage:
- Size: 616 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React TDD Project
This is a simple project that applies Test-Driven Development (TDD) using React. The project is structured to demonstrate the principles of TDD and how to implement it effectively with React and related tools.
## Technologies Used
- **React (Version 18)**
- **TypeScript**
- **Vite**
- **Testing Library/React**
- **Bun**
- **MDI Light**
- **Tailwindcss**## Getting Started
### Prerequisites
To run this project, you need to have **Bun** installed on your machine. If you don't have Bun installed, you can install it by following the instructions on the [Bun website](https://bun.sh/).
Alternatively, you can use **Yarn** or **npm** to run the project.
### Installation
1 - **Clone the repository:**
```bash
git clone https://github.com/yourusername/react-tdd-project.git
cd react-tdd-project
```2 - **Install dependencies:**
Using bun
```bash
bun install
```Using yarn
```bash
yarn
```Using npm
```bash
npm install
```3 - **Running Tests:**
Using bun
```bash
bun run test
```Using yarn
```bash
yarn test
```Using npm
```bash
npm run test
```## Project Status
This project is currently in progress. New features and additional screens will be added in the future.
## License
[MIT](https://choosealicense.com/licenses/mit/)
## Screenshots
![Screenshot](./docs/tests_screenshot.png)
![Screenshot](./docs/login_small_device.png)
![Screenshot](./docs/login_large_device.png)