adrianksiazek/take-home-tsh

Take-home-tsh

A simple layout of online shop developed using tailwind and playwright to tests.

This project was bootstrapped with Vite and modified by TSH team.

Quick Start

To set up this project you need to follow this steps:

1. Install npm dependencies of the project:

npm install

2. Before your run your application locally, you need to set up environment variables:

cp .env.dist .env

3. Start your application locally:

npm start

Scripts

• start - Launches the app in development mode on http://localhost:3000
• build - Compiles and bundles the app for deployment*
• build:ci - Build command optimized for CI/CD pipelines
• typecheck - Validate the code using TypeScript compiler
• preview - Boot up a local static web server that serves application build. It's an easy way to check if the production build looks OK on your local machine
• test - Run unit tests with vitest
• coverage - Run unit tests with code coverage calculation
• lint - Validate the code using ESLint and Prettier
• lint:fix - Validate and fix the code using ESLint and Prettier
• plop - Run CLI with commands for code generation
• translations - Run Babelsheet tool for fetch the latest translations
• serve:playwright - Run playwright E2E tests panel
• version - Build CHANGELOG file base on git commits history
• e2e:ci:firefox: Run E2E tests on Firefox browser in CI pipelines
• e2e:ci:chrome: Run E2E tests on Chrome browser in CI pipelines

Table of Contents

1. Technology stack
2. Application structure
3. React Query abstraction
4. Using plop commands
5. E2E tests

License

Copyright © 2021-present The Software House. This source code is licensed under the MIT license found in the LICENSE file.

---

^{Made with ♥ by The Software House (website, blog)}