ToDo List

Table of Contents

• General info
• Demo
• Built With
• Features
• To Do
• Getting Started
• Status
• Screenshots

General info

Todo list app built in HTML, CSS and JavaScript. It has been designed in such a way that it resembles a cork board.

Demo

The application is available on Github Pages: https://nowakartur97.github.io/To-Do-List/

Built With

Stack:

• HTML
• CSS
• Vanilla JS ES6+
• Jest
• Puppeteer
• Webpack

Features

• Drag and drop notes
• Create/update/filter/delete notes
• Change note status
• Search note
• Delete all notes
• Get, save, update and delete tasks from local storage
• Custom loader

To Do

• Refactoring
• Testing

Getting Started

To run this project:

1. Clone or download repository:

git clone https://github.com/NowakArtur97/ToDo-List.git

2. Go to the project directory and install it using npm:

npm install

3. Run project in development mode (the application will automatically open in the browser on port 8081):

npm start

4. You can also build production version by running:

npm run build

Then go to the dist folder and open the index.html file in your browser.

5. Run all tests:

npm test

You can also run only unit tests using:

npm test unit

or only e2e tests:

npm test e2e

In order to run e2e tests it is necessary to run the application.

Status

Project is: in progess

Screenshots

ToDo List

Task Form