Skip to content

g4br13l/excel-web-table

Repository files navigation

Excel Web Table

This is a web app that has some of the most used functions of Microsoft Excel and Google Sheets.

Features

Displaying structured data in the table

image

Light and Dark modes with Tailwind CSS

image

Sorting data in each column

2025-06-24.06-49-45.mp4

search for words or numbers in the table

2025-06-24.06-55-16.mp4

Setting decimal places for numbers in the table

2025-06-24.06-58-48.mp4

Technologies

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:


How to run

You need to have up-to-date NodeJs installed.

1- Install dependencies

npm install
pnpm install

2- Run the app

npm run dev
pnpm run dev

The project will start on port 3000. You can access it through the url: "http://localhost:3000/"


Custom ESLint configuration

The eslint.config.js file has been improved and new libs have been added for a better engineering experience.

export default tseslint.config(
  { ignores: ['dist'] },
  {
    extends: [
      js.configs.recommended,
      ...tseslint.configs.recommended
    ],
    files: [
      '**/*.{ts,tsx,js,jsx}'
    ],
    languageOptions: {
      ecmaVersion: 2020,
      globals: globals.browser,
    },
    plugins: {
      'react-hooks': reactHooks,
      'react-refresh': reactRefresh,
      '@stylistic': stylistic,
      'import-x': importX,
    },
    rules: {
      ...reactHooks.configs.recommended.rules,
      'react-refresh/only-export-components': [
        'warn',
        { allowConstantExport: true },
      ],
      '@stylistic/indent': ['warn', 2],
      '@stylistic/quotes': ['warn', 'single'],
      '@stylistic/jsx-quotes': ['warn', 'prefer-double'],
      '@stylistic/semi': ['warn', 'never'],
      '@stylistic/no-extra-semi': ['error'],
      '@stylistic/max-len': ['warn', { code: 100, ignoreStrings: true }],
      'import-x/newline-after-import': ['error', { count: 3 }],
    },
  },
)

Run Eslint to fix errors or warnings

npm run lint:fix
pnpm run lint:fix

About

Web app that has some of the most used functions of Microsoft Excel and Google Sheets.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published