Gasosa Justa ⛽

Andamento Ferramentas Utilizadas Como contribuir REACT

Descrição da aplicação:

Projeto feito com a intenção de usar o gasto por pessoa da gasolina para uma viagem, roles e afins.

Andamento do projeto 📈

Para visualizar meu projeto, clique aqui.

Ferramentas utilizadas 🛠️

Utilizei as seguintes ferramentas em meu projeto:

Typescript
React (Vite)
Deploy: Netlify
Além de dependências como:

  "dependencies": {
    "@chakra-ui/react": "2.8.2",
    "@emotion/react": "11.13.3",
    "@emotion/styled": "11.13.0",
    "framer-motion": "11.3.29",
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@eslint/js": "^9.9.0",
    "@types/react": "^18.3.3",
    "@types/react-dom": "^18.3.0",
    "@vitejs/plugin-react": "^4.3.1",
    "eslint": "^9.9.0",
    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
    "eslint-plugin-react-refresh": "^0.4.9",
    "globals": "^15.9.0",
    "typescript": "^5.5.3",
    "typescript-eslint": "^8.0.1",
    "vite": "^5.4.1"
  }

Como contribuir 📫

Para contribuir com nosso projeto, siga estas etapas:

Bifurque este repositório (fork).

Crie um branch: git checkout -b <nome_branch>.

Faça suas alterações e confirme-as: git commit -m '<mensagem_commit>'

Envie para o branch original: git push origin <nome_do_projeto> / <local>

Crie a solicitação de pull. Consulte a documentação do GitHub em como criar uma solicitação pull.

Criado e desenvolvido por Ytallo Bruno.

Documentação Vite + React ⚛️

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

@vitejs/plugin-react uses Babel for Fast Refresh

@vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

Configure the top-level parserOptions property like this:
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
      tsconfigRootDir: import.meta.dirname,
    },
  },
});
Replace tseslint.configs.recommended to tseslint.configs.recommendedTypeChecked or tseslint.configs.strictTypeChecked

Optionally add ...tseslint.configs.stylisticTypeChecked

Install eslint-plugin-react and update the config:
// eslint.config.js
import react from "eslint-plugin-react";

export default tseslint.config({
  // Set the react version
  settings: { react: { version: "18.3" } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs["jsx-runtime"].rules,
  },
});