https://github.com/ktcotz/testoviron

Your only one repository with practice testing principles includes MSW, Supabase, Zustand, Vitest, Playwright and more..
https://github.com/ktcotz/testoviron

advanced msw playwright react storybook supabase testing typescript vitest zustand

Last synced: 14 days ago
JSON representation

Your only one repository with practice testing principles includes MSW, Supabase, Zustand, Vitest, Playwright and more..

• Host: GitHub
• URL: https://github.com/ktcotz/testoviron
• Owner: ktcotz
• Created: 2024-11-04T14:59:24.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-04T19:43:03.000Z (2 months ago)
• Last Synced: 2024-11-04T20:30:07.633Z (2 months ago)
• Topics: advanced, msw, playwright, react, storybook, supabase, testing, typescript, vitest, zustand
• Language: MDX
• Homepage:
• Size: 952 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



 Testoviron - repository of practice testing examples with popular libraries. 


## Repository overview 🎨

Testoviron - repository contains practice testing examples. 


Created with many popular libraries and ❤️❤️

Topics tested: 


- [x] - JSX + basic example

- [x] - Advanced JSX

- [x] - Props + State

- [x] - Custom Hooks

- [x] - Fetching data

- [x] - MSW

- [x] - Context API

- [x] - Zustand

- [x] - Supabase

- [x] - React Hook Form + Zod

- [x] - General Forms

- [x] - Asynchronous 

For more information or if you need some examples, please contact with us!

## Tech/framework used 🧰

| Tech                                                                                                                                              | Description |

| ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |

| ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB&style=flat)                          | Framework       |

| ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white&style=flat)                          | Logic       |

| ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white&style=flat)                        | Bundler       |

| ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white&style=flat) | IDE         |

| ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white&style=flat) | Package Manager         |

## Librares 🧰

| Tech                                                                                                                                              | Description |

| ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |

| ![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react&style=flat)                         | State management       |

| ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white&style=flat)                         | Styling       |

| ![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white&style=flat)                         | Supabase       |

| ![Storybook](https://img.shields.io/badge/-Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white&style=flat)                         | UI Docs       |

| ![Vitest](https://img.shields.io/badge/-Vitest-252529?style=for-the-badge&logo=vitest&logoColor=FCC72B&style=flat)                         | Testing       |

| ![Testing-Library](https://img.shields.io/badge/-TestingLibrary-%23E33332?style=for-the-badge&logo=testing-library&logoColor=white&style=flat)                      | Testing       |

## How to install 🎨

```npm

  1. npm install (Install all packages.)

  2. npm run test

```