Skip to content

xeni09/module-4-todo-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo List Application

This is a simple Todo List application built with React and @dnd-kit/sortable for drag and drop functionality.

Installing the Todo List Application

Install the dependencies: npm install

Using the Todo List Application

To use the Todo List Application, follow these steps:

  1. Start the development server: npm run dev
  2. Open your web browser and visit http://localhost:5173

Other things I had to install but are included in the dependencies:

uuid package for create unique identifiers

npm install uuid

1. Add SVG Core

npm i --save @fortawesome/fontawesome-svg-core

2. Add Icon Packages

npm i --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/free-regular-svg-icons npm i --save @fortawesome/free-brands-svg-icons

3. Add the React Component

npm i --save @fortawesome/react-fontawesome@latest

For the drag and drop solution

npm install @dnd-kit/core @dnd-kit/utilities @dnd-kit/sortable