https://github.com/mdsejan/geograde

A mobile-friendly web app to calculate CGPA for Geography and Environment students. Built with React, TypeScript, Redux, and Tailwind CSS, it features dedicated pages for each academic year and seamless navigation.
https://github.com/mdsejan/geograde

cgpa-calculator pwa-app reactjs redux-toolkit typescript

Last synced: about 1 month ago
JSON representation

A mobile-friendly web app to calculate CGPA for Geography and Environment students. Built with React, TypeScript, Redux, and Tailwind CSS, it features dedicated pages for each academic year and seamless navigation.

• Host: GitHub
• URL: https://github.com/mdsejan/geograde
• Owner: mdsejan
• Created: 2024-10-14T08:47:26.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-10-15T17:09:25.000Z (about 1 month ago)
• Last Synced: 2024-10-16T22:49:08.331Z (about 1 month ago)
• Topics: cgpa-calculator, pwa-app, reactjs, redux-toolkit, typescript
• Language: TypeScript
• Homepage: https://geograde.netlify.app/
• Size: 268 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) 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:

```js

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](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js

// 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,

  },

})

```