Skip to content

ekurt/react-todo-app

Repository files navigation

Todo App

📜 Todo App built with React and Tailwind

🔗 Live Demo: todo.ekurt.dev

todo-app

✨ Features

  • Data is storing in your browser Local Storage (when you're not login)
  • Data is storing in your Google account Firebase (when you're login)
  • Import and Export todos .json
  • Animate effects
  • Sound effects
  • Drag-Drop
  • Copy the clipboard
  • Priority for todos
  • Tags for todos
  • Sorting
  • Auto link detect

💻 Tech Stack

JavaScript HTML5 CSS3 React Redux TailwindCSS Vercel Yarn

📝 Packages

  • react
  • react-dom
  • react-redux
  • react-icons
  • react-toastify
  • react-card-flip
  • react-html-parser
  • react-beautiful-dnd
  • react-copy-to-clipboard
  • linkify
  • firebase
  • use-sound
  • classnames
  • linkify-react
  • @reduxjs/toolkit
  • @formkit/auto-animate

⚙️ Development

Clone remote repo to your local

git clone https://github.com/ekurt/react-todo-app.git

Change directory

cd react-todo-app

Install dependencies

yarn

Happy Hacking 🎉

yarn dev

Build:

yarn build

Preview the build:

yarn preview

⚠️ Warning

Remember to rename the .env.example file to .env file and fill in the .env file.

About

Todo App built with React and Tailwind

Topics

Resources

License

Stars

Watchers

Forks

Contributors