Commit addc68f1 authored by Petr Wehrenberg's avatar Petr Wehrenberg
Browse files

init

parents

.gitignore

0 → 100644
+2 −0
Original line number Diff line number Diff line 
node_modules/
 
 No newline at end of file

index.html

0 → 100644
+18 −0
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />



    <link rel="preconnect" href="https://fonts.googleapis.com">

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel="stylesheet">



    <title>Todo App</title>

  </head>

  <body>

    <div id="root"></div>

    <script type="module" src="/src/main.tsx"></script>

  </body>

</html>

package.json

0 → 100644
+27 −0
Original line number Diff line number Diff line 
{

  "name": "simple-todo-list",

  "private": true,

  "version": "1.0.0",

  "scripts": {

    "start": "vite",

    "build": "tsc && vite build",

    "preview": "vite preview",

    "mock": "npx json-server --watch mock/db.json --port 4000"

  },

  "dependencies": {

    "react": "^18.2.0",

    "react-dom": "^18.2.0",

    "react-hook-form": "^7.43.9",

    "recoil": "^0.7.7"

  },

  "devDependencies": {

    "@types/react": "^18.0.28",

    "@types/react-dom": "^18.0.11",

    "@vitejs/plugin-react": "^3.1.0",

    "autoprefixer": "^10.4.14",

    "postcss": "^8.4.23",

    "tailwindcss": "^3.3.2",

    "typescript": "^4.9.5",

    "vite": "^4.1.4"

  }

}

postcss.config.js

0 → 100644
+6 −0
Original line number Diff line number Diff line 
module.exports = {

  plugins: {

    tailwindcss: {},

    autoprefixer: {},

  },

}

src/App.tsx

0 → 100644
+19 −0
Original line number Diff line number Diff line 
import TodoForm from './components/TodoForm';

import TodoList from './components/TodoList';



function App() {



    return (

        <div className="flex flex-col items-center py-10">

            <div className="w-[50rem]">

                <h1>Todo List App</h1>

                <div className="w-full">

                    <TodoForm />

                    <TodoList />

                </div>

            </div>

        </div>

    );

}



export default App;