https://github.com/ashe3/todo-list

Todolist is a task management app built with React and TypeScript, allowing users to add, edit, and delete tasks. Data is stored in localStorage for persistence. The app uses Tailwind CSS for styling.
https://github.com/ashe3/todo-list

framer-motion jest localstorage react tailwindcss testing-library typescript

Last synced: 24 days ago
JSON representation

Todolist is a task management app built with React and TypeScript, allowing users to add, edit, and delete tasks. Data is stored in localStorage for persistence. The app uses Tailwind CSS for styling.

• Host: GitHub
• URL: https://github.com/ashe3/todo-list
• Owner: Ashe3
• Created: 2025-01-11T23:22:53.000Z (25 days ago)
• Default Branch: main
• Last Pushed: 2025-01-11T23:25:41.000Z (25 days ago)
• Last Synced: 2025-01-12T00:22:19.846Z (25 days ago)
• Topics: framer-motion, jest, localstorage, react, tailwindcss, testing-library, typescript
• Language: TypeScript
• Homepage:
• Size: 0 Bytes
• 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,

  },

})

```