Skip to content
/ TodoApp-React Public

This is a simple yet powerful Todo App built using React, Tailwind CSS, and TypeScript. It allows users to create, mark as completed, and delete tasks while offering a seamless dark/light mode toggle for a comfortable user experience.

todo-app-react-lazzzare.vercel.app
1 star 0 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

Lazzzare/TodoApp-React

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
public
public
 
 
src
src
 
 
.eslintrc.cjs
.eslintrc.cjs
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
postcss.config.js
postcss.config.js
 
 
tailwind.config.js
tailwind.config.js
 
 
tsconfig.json
tsconfig.json
 
 
tsconfig.node.json
tsconfig.node.json
 
 
vite.config.ts
vite.config.ts
 
 

Repository files navigation

TodoApp

First Image

Getting Started

.gif

  1. First of all you need to clone app repository from github:
https://github.com/Lazzzare/TodoApp-React
  1. Next step requires install all the dependencies.
npm install
  1. Running the Project
npm run dev

Links

Built With

  • Vite
  • React
  • FramerMotion
  • Typescript (TSX)
  • React Hooks (useState, useEffect)
  • sessionStorage
  • uuid
  • TailwindCss

About

This is a simple yet powerful Todo App built using React, Tailwind CSS, and TypeScript. It allows users to create, mark as completed, and delete tasks while offering a seamless dark/light mode toggle for a comfortable user experience.

todo-app-react-lazzzare.vercel.app

Topics

react javascript localstorage tsx todoapp dark-mode front-end-development tailwindcss usestate framer-motion frontendmentor-challenge

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages