lucasvbr/todo-list
1
0
Fork 0
mirror of https://github.com/LucasVbr/todo-list.git synced 2026-05-13 17:22:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #13 from LucasVbr/update-dependencies

Browse Source 
fix: Update Dependencies
This commit is contained in:
Lucàs
2024-05-04 13:38:28 +02:00
committed by GitHub
parent 8e55d6d7b7 be56f9c72b
commit 9583341bc9
27 changed files with 1198 additions and 1740 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.eslintrc.cjs
-14
View File
@@ -1,14 +0,0 @@
module.exports = {
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/recommended',
'plugin:react-hooks/recommended',
],
parser: '@typescript-eslint/parser',
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
plugins: ['react-refresh'],
rules: {
'react-refresh/only-export-components': 'warn',
},
}
.gitignore
+1 -1
View File
@@ -15,7 +15,7 @@ dist-ssr
# Editor directories and files # Editor directories and files
.vscode/* .vscode/*
!.vscode/extensions.json !.vscode/extensions.json
.idea .idea/
.DS_Store .DS_Store
*.suo *.suo
*.ntvs* *.ntvs*
preview.png → .readme/preview.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 322 KiB

After

Width:  |  Height:  |  Size: 322 KiB

LICENCE
+1 -1
View File
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. SOFTWARE.
README.md
+2 -2
View File
@@ -11,7 +11,7 @@
### 🏠 [Homepage](https://todo-list-lucasvbr.vercel.app/) ### 🏠 [Homepage](https://todo-list-lucasvbr.vercel.app/)
<kbd> <kbd>
<img src="preview.png" alt="preview picture"/> <img src=".readme/preview.png" alt="preview picture"/>
</kbd> </kbd>
## Author ## Author
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
Copyright © 2023 [LucasVbr](https://github.com/LucasVbr).<br /> Copyright © 2023 [LucasVbr](https://github.com/LucasVbr).<br />
This project is [MIT](./LICENCE) licensed. This project is [MIT](./LICENCE) licensed.
[//]: # (_This README was generated with ❤️ by [readme-md-generator]&#40;https://github.com/kefranabg/readme-md-generator&#41;_) [//]: # (_This README was generated with ❤️ by [readme-md-generator]&#40;https://github.com/kefranabg/readme-md-generator&#41;_)
bun.lockb
Executable
BIN
View File
Binary file not shown.
index.html
+10 -10
View File
@@ -1,13 +1,13 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="/icons/plus.svg" /> <link rel="icon" type="image/svg+xml" href="/plus.svg"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Todo List App</title> <title>Todo List App</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
</html> </html>
package-lock.json
Generated
+1106 -1653
View File
File diff suppressed because it is too large Load Diff
package.json
+18 -19
View File
@@ -5,33 +5,32 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"dev-host": "vite --host",
"build": "tsc && vite build", "build": "tsc && vite build",
"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"@heroicons/react": "^2.0.18", "@heroicons/react": "^2.1.3",
"@reduxjs/toolkit": "^1.9.5", "@reduxjs/toolkit": "^2.2.3",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-redux": "^8.1.0" "react-redux": "^9.1.2"
}, },
"devDependencies": { "devDependencies": {
"@types/react": "^18.0.37", "@types/react": "^18.2.66",
"@types/react-dom": "^18.0.11", "@types/react-dom": "^18.2.22",
"@typescript-eslint/eslint-plugin": "^5.59.0", "@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^5.59.0", "@typescript-eslint/parser": "^7.2.0",
"@vitejs/plugin-react-swc": "^3.0.0", "@vitejs/plugin-react-swc": "^3.5.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.19",
"clsx": "^1.2.1", "clsx": "latest",
"daisyui": "^3.1.0", "daisyui": "latest",
"eslint": "^8.38.0", "eslint": "^8.57.0",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.3.4", "eslint-plugin-react-refresh": "^0.4.6",
"postcss": "^8.4.24", "postcss": "^8.4.38",
"tailwindcss": "^3.3.2", "tailwindcss": "^3.4.3",
"typescript": "^5.0.2", "typescript": "^5.2.2",
"vite": "^4.3.9" "vite": "^5.2.0"
} }
} }
postcss.config.cjs
-3
View File
@@ -1,3 +0,0 @@
module.exports = {
plugins: [require('tailwindcss'), require('autoprefixer')],
};
postcss.config.js
+6
View File
@@ -0,0 +1,6 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
public/icons/plus.svg → public/plus.svg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 227 B

src/App.tsx
+9 -9
View File
@@ -1,18 +1,18 @@
import Navbar from './components/Navbar.tsx'; import Navbar from './components/Navbar.tsx';
import Footer from './components/Footer.tsx'; import Footer from './components/Footer.tsx';
import TodoCard from './components/todo/TodoCard.tsx'; import TodoCard from './components/todos/TodoCard.tsx';
export default function App() { export default function App() {
return ( return (
<div className={"w-screen min-h-screen bg-base-300"}> <div className={"min-h-screen bg-base-300"}>
<Navbar/> <Navbar/>
<main className={"w-full min-h-screen flex justify-center items-center"}> <main className={"w-full min-h-screen flex justify-center items-center"}>
<TodoCard/> <TodoCard/>
</main> </main>
<Footer/> <Footer/>
</div> </div>
) )
} }
src/components/Footer.tsx
+8 -3
View File
@@ -1,9 +1,14 @@
export default function Footer() { export default function Footer() {
return ( return (
<footer className={"Footer footer w-screen absolute bottom-0 p-4"}> <footer className={"Footer footer sticky bottom-0 py-4"}>
<p className={"inline-block w-full text-center"}> <p className={"inline-block w-full text-center"}>
MIT Licence © 2023 • <a className={"link link-hover"} href={"https://github.com/LucasVbr/todo-list"} target={"_blank"}>See code on GitHub</a> <span className={"badge badge-md"}>
MIT Licence © 2023 •
<a className={"link link-hover"} href={"https://github.com/LucasVbr/todo-list"} target={"_blank"}>
See code on GitHub
</a>
</span>
</p> </p>
</footer> </footer>
) )
} }
src/components/Navbar.tsx
+1 -1
View File
@@ -10,4 +10,4 @@ export default function Navbar() {
</button> </button>
</div> </div>
); );
} }
src/components/todo/TodoAddItemForm.tsx → src/components/todos/TodoAddItemForm.tsx
+4 -4
View File
@@ -17,12 +17,12 @@ export default function TodoAddItemForm() {
return ( return (
<form onSubmit={handleSubmit} className={'TodoAddItemForm'}> <form onSubmit={handleSubmit} className={'TodoAddItemForm'}>
<div className={'form-control'}> <div className={'form-control'}>
<div className={'input-group'}> <div className={'join'}>
<input type={'text'} value={name} <input type={'text'} value={name}
placeholder={'Type here your task...'} placeholder={'Type here your task...'}
className={'input border-primary w-full'} className={'input border-primary w-full join-item'}
onChange={evt => setName(evt.target.value)}/> onChange={evt => setName(evt.target.value)}/>
<button type={'submit'} className={'btn btn-square btn-primary'}> <button type={'submit'} className={'btn btn-square btn-primary join-item'}>
<PlusIcon className={"h-6 w-6"}/> <PlusIcon className={"h-6 w-6"}/>
</button> </button>
</div> </div>
@@ -30,4 +30,4 @@ export default function TodoAddItemForm() {
</form> </form>
); );
} }
src/components/todo/TodoCard.tsx → src/components/todos/TodoCard.tsx
+2 -2
View File
@@ -10,7 +10,7 @@ export default function TodoCard() {
return ( return (
<div className={clsx('TodoCard', <div className={clsx('TodoCard',
'card max-w-6xl p-5 shadow-xl gap-7 bg-base-100')}> 'card max-w-6xl p-5 shadow-xl gap-7 bg-base-100 my-28')}>
<TodoAddItemForm/> <TodoAddItemForm/>
{todos.length > 0 && ( {todos.length > 0 && (
<> <>
@@ -21,4 +21,4 @@ export default function TodoCard() {
</div> </div>
); );
} }
src/components/todo/TodoCardFooter.tsx → src/components/todos/TodoCardFooter.tsx
+1 -1
View File
@@ -21,4 +21,4 @@ export default function TodoCardFooter() {
</button> </button>
</div> </div>
); );
} }
src/components/todo/TodoItem.tsx → src/components/todos/TodoItem.tsx
+1 -1
View File
@@ -22,4 +22,4 @@ export default function TodoItem({todo}: Props) {
className={'checkbox checkbox-primary'}/> className={'checkbox checkbox-primary'}/>
</label> </label>
); );
} }
src/components/todo/TodoItemList.tsx → src/components/todos/TodoItemList.tsx
+1 -1
View File
@@ -12,4 +12,4 @@ export default function TodoItemList({todos}: Props) {
{todos.map((todo: TodoState, index) => <TodoItem todo={todo} key={index}/>)} {todos.map((todo: TodoState, index) => <TodoItem todo={todo} key={index}/>)}
</div> </div>
); );
} }
src/features/todo/todoSlice.ts
+1 -1
View File
@@ -34,4 +34,4 @@ export const todoSlice = createSlice({
}); });
export const {addTodo, checkTodo, deleteSelectedTodos} = todoSlice.actions; export const {addTodo, checkTodo, deleteSelectedTodos} = todoSlice.actions;
export default todoSlice.reducer; export default todoSlice.reducer;
src/index.css
+1 -1
View File
@@ -1,3 +1,3 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
src/main.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import ReactDOM from 'react-dom/client'; import ReactDOM from 'react-dom/client';
import App from './App.tsx'; import App from './App.tsx';
import './index.css'; import './index.css';
import {Provider} from 'react-redux'; import {Provider} from "react-redux";
import {store} from './store.ts'; import {store} from './store.ts';
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render( ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
src/models/TodoState.ts
+1 -1
View File
@@ -4,4 +4,4 @@ type TodoState = {
checked: boolean checked: boolean
} }
export default TodoState; export default TodoState;
src/store.ts
+5 -6
View File
@@ -1,12 +1,11 @@
import { configureStore } from '@reduxjs/toolkit' import {configureStore} from '@reduxjs/toolkit';
import todoReducer from "./features/todo/todoSlice.ts" import todoReducer from './features/todo/todoSlice.ts';
export const store = configureStore({ export const store = configureStore({
reducer: { reducer: {
todo: todoReducer todo: todoReducer,
}, },
}) });
export type RootState = ReturnType<typeof store.getState> export type RootState = ReturnType<typeof store.getState>
export type AppDispatch = typeof store.dispatch export type AppDispatch = typeof store.dispatch
tailwind.config.js
+16 -4
View File
@@ -1,4 +1,16 @@
module.exports = { import daisyui from 'daisyui';
content: ['./src/**/*.{ts,tsx}'],
plugins: [require('daisyui')], /** @type {import('tailwindcss').Config} */
}; export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [
daisyui,
],
}
tsconfig.node.json
+2 -1
View File
@@ -4,7 +4,8 @@
"skipLibCheck": true, "skipLibCheck": true,
"module": "ESNext", "module": "ESNext",
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowSyntheticDefaultImports": true "allowSyntheticDefaultImports": true,
"strict": true
}, },
"include": ["vite.config.ts"] "include": ["vite.config.ts"]
} }