FiveM Bodycam Overlay Generator

Overview

This is a FiveM Bodycam Overlay Generator, built with Vite, React, TypeScript, ESLint, and Prettier. It provides a seamless development environment for creating bodycam overlays for use in the FiveM platform.

Getting Started

To set up the development environment, follow these steps:

1. Clone the repository: git clone https://github.com/RomainAntunes/fivem-bodycam-overlay
2. Navigate to the project directory: cd fivem-bodycam-overlay
3. Install dependencies: npm install or yarn install

Image

Scripts

• dev: Start the development server with Vite.

  npm run dev

• build: Build the project for production.

  npm run build

• serve: Preview the production build locally.

  npm run serve

• lint:fix: Automatically fix linting issues.

  npm run lint:fix

• lint:format: Format code using Prettier.

  npm run lint:format

• lint: Run both lint:format and lint:fix.

  npm run lint

• type-check: Run TypeScript type checking.

  npm run type-check

Dependencies

• @headlessui/react: ^1.0.0
• autoprefixer: ^10.2.5
• chokidar-cli: ^2.1.0
• cookie: ^0.4.1
• faker: ^5.5.3
• formik: ^2.2.6
• i18next: ^20.2.2
• node-sass: ^5.0.0
• npm-run-all: ^4.1.5
• postcss: ^8.2.15
• query-string: ^7.0.0
• react: ^17.0.2
• react-color: ^2.19.3
• react-cookie: ^4.0.3
• react-custom-checkbox: 3.1.5
• react-dom: ^17.0.0
• react-hot-toast: ^1.0.2
• react-i18next: ^9.0.10
• react-input-slider: ^6.0.0
• react-router-dom: ^5.2.0
• react-select: ^4.3.0
• react-tooltip: ^4.2.17
• sass: ^1.32.8
• styled-component: ^2.8.0
• styled-components: ^5.2.3
• tailwindcss: ^2.1.1
• use-clipboard-copy: ^0.2.0

Dev Dependencies

• @types/cookie: ^0.4.0
• @types/faker: ^5.5.4
• @types/node-sass: ^4.11.1
• @types/react-color: ^3.0.4
• @types/query-string: ^6.3.0
• @types/react: ^17.0.5
• @types/react-cookies: ^0.1.0
• @types/react-dom: ^17.0.0
• @types/react-router-dom: ^5.1.7
• @types/react-select: ^4.0.15
• @types/styled-components: ^5.1.9
• @typescript-eslint/eslint-plugin: ^4.17.0
• @typescript-eslint/parser: ^4.17.0
• @vitejs/plugin-react-refresh: ^1.3.1
• eslint: ^7.22.0
• eslint-config-prettier: ^8.1.0
• eslint-plugin-import: ^2.22.1
• eslint-plugin-jsx-a11y: ^6.4.1
• eslint-plugin-prettier: ^3.3.1
• eslint-plugin-react: ^7.22.0
• eslint-plugin-simple-import-sort: ^7.0