Skip to content

This site is a diary of tasks. Thanks to this project, I will plunge into the depths of the programming language and learn to master the principles of development.

Notifications You must be signed in to change notification settings

lthonny/vanilla-todo-client

Repository files navigation

vanillaToDo

Project "to do list" - designed to create a list of tasks. The program helps to manage to-do lists, implement planned tasks and not forget anything. The user has the ability to create a list of tasks, in the process of their execution, can change delete, complete, sort, search by name.

ENV file:

Rename .env.example to .env

In .env specify the database('api-tasklist', 'local-tasklist', 'firebase-tasklist')

Rebuild the project every time you change the configuration of the .env file

Testing:

  • unit test:

npm run unit-test

  • e2e tests to run end-to-end testing, you must first configure all processes on the backend https://github.com/lthonny/vanilla-todo-server.git, start the project:

npm run start

then open a new terminal and run tests:

npm run e2e-test

1) To download all project dependencies, write:

npm ci

2) Task list functionality

Adding a task

To add a task of the day, you need to click on the input fields (Enter the task...), enter your text, confirm our input with the add button.

Task changes

After clicking on the [ Add to ] button, the task gets into the Daily tasks: where we can continue to contact it, we have access to change the text in the task, if we need to delete the task, click on the trash can on the right, in order to mark the task as completed, we mark checkmark it on the left.

Filtering tasks

To display specific records, we use the filter buttons [ all ], [ completed ], [ in completed]. Thanks to them, our Daily tasks will change according to the condition on which button we clicked the output of all records, completed and not completed.

image

3) Run npm start

npm run start

About

This site is a diary of tasks. Thanks to this project, I will plunge into the depths of the programming language and learn to master the principles of development.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published