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.