Staycation Website

This project is set up with the following technologies and tools:

• React
• TypeScript
• Vite
• Prettier
• ESLint
• Redux Toolkit
• React Router DOM
• Tailwind CSS
• Storybook
• Jest
• Husky

Some command for build this project structure:

• Create a new Vite project

npm create vite@latest my-react-app -- --template react-ts

• Prettier, ESLint, and related plugins:

npm install --save-dev prettier eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks @typescript-eslint/eslint-plugin @typescript-eslint/parser

• Redux, React Redux, and Redux Toolkit:

npm install @reduxjs/toolkit react-redux

• Redux, React Redux, and Redux Toolkit:

npm install @reduxjs/toolkit react-redux

• React Router DOM:

npm install react-router-dom

• Tailwind CSS:

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

• Storybook:

npx sb init --type react

• Jest and Testing Library:

npm install --save-dev jest @testing-library/react @testing-library/jest-dom @types/jest ts-jest

• Pre-commit hooks (Husky and lint-staged):

npm install --save-dev husky lint-staged
npx husky init

Useful Links :

• React Project Structures

Next Implementation :

• Implement CI / CD
• Implement GraphQL
• Implement Firebase Analytics