Todo-List Tailwind Templates

Todo List

(React, Next, Tailwind CSS, react-icons, eslint, prettier)

Website of Todos


##Structure of the project's folders:

./src/app/page.tsx - Main page of the website

./src/app/todos/page.tsx - The page with todos

./src/components/.tsx - We store our components in this folder, that we can reuse

./src/lib/http.ts - We store our queries to the server

./src/types/ - We storeTypeScript types

./src/constants.ts - We store our labels here

./.prettier.js - Point the rules of formatting our code

./.eslintrc.json - Point the rules of checking our code


Downloaded NPM packages


Commands

  1. Run out server

     npm run dev 
    
  2. Run EsLint

     npm run lint 
    
  3. Run Prettier for formatting our code

     npm run prettier 
    

Top categories

Loading Svelte Themes