Fahad12405 / Todo-Tron

"Empower your productivity with our sleek and intuitive React.js-powered todo list app."

Todo List App with React.js & Redux

Ini adalah Technical Project Assignment 5 dari Stage Front-End Web Dev di Skilvul. Untuk detail tugas lebih lanjut bisa dilihat pada link berikut Technical Project Assignment 5

Links

Frontend

Production:

• https://ersan-todolist-app.vercel.app

Local:

• http://localhost:5173

Main Features

• Show list of todos
• Add new todo
• Edit todo
• Delete todo
• Mark todo as completed
• Filter todo by status (all, active, completed)
• Filter todo by keyword

Tech Stack

• HTML
• CSS
  • Tailwind CSS
• JavaScript
• React
  • Vite (Bundler)
  • React Router
  • PropTypes
  • Redux
  • Redux Thunk
  • Redux Toolkit
• Misc
  • Framer Motion
  • Classnames
  • Prettier
  • ESLint
    • eslint-config-airbnb
    • eslint-plugin-import
    • eslint-plugin-jsx-a11y
    • eslint-plugin-react
    • eslint-plugin-react-hooks
    • eslint-config-prettier
    • eslint-plugin-simple-import-sort

Development

Install dependencies:

npm install

Run server in development mode:

npm run dev

Build for production:

npm run build

Start in production mode:

npm start

Format code:

npm run format