/Trello

Basic Trello App created with React.

Primary LanguageTypeScript

Trello APP

Basic Trello clone created with:

  • Vite & Vitest 🛡.
  • React (Context and useReducer) ⚛.
  • TypeScript 🕹.
  • Eslint & Prettier 🧹.
  • Styled Components 💅🏻.
  • React Beautiful Dnd 🪄.
  • RTL & Playright 🧪.
  • Vercel ▲.

✅ You can create Columns, and Tasks within Columns. ✅ You can only drag and drop the Tasks to the Columns ahead it. ✅ You can remove Columns and Tasks. ✅ The state persists in the Local Storage.

Available Scripts

In the project directory, you can run:

$ nvm use
$ npm i

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the dist folder. It correctly bundles React in production mode and optimizes the build for the best performance.

Why Vitest?

  • Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
  • Jest Compatible: Expect, snapshot, coverage, and more - migrate from Jest is straightforward.
  • Smart & instant watch mode: HMR (Hot Module Reload) for tests!
  • ESM, TypeScript, JSX support.