Skip to content

KatsuboDmytro/todo-app

Repository files navigation

ToDo App with API

DEMO

Stack technologies were used:

My Skills


My Skills

I used it because it provides a customizable and efficient coding environment, and it's more pleasing to my eye

My Skills

React allows for the creation of dynamic and responsive user interfaces through its component-based architecture and efficient state management. I used it because it facilitates the development of scalable and maintainable web applications with a large ecosystem of tools and libraries.

My Skills

Sass extends the capabilities of CSS with features like variables, nested rules, and mixins, which streamline and enhance the styling process. I used it because it allows for more organized, reusable, and maintainable stylesheets, significantly improving workflow efficiency in web development.

My Skills

I used Figma to see designer thoughts and implement them in the code


How it works:

You can write something in the text input: image

After clicking 'Enter' the data will be saved at local storage: image

After this, you can mark todo as done or delete it: image

If there are so much data you can filter it as active or completed: image image

If you click on this toggle - all of the todos change their status: image image

By double click you can edit todo:
image image image


How to use:

In the project directory, you can run:

npm install

Run this command to install the package.json dependencies

npm start

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


Thank you for your attention🥰🥰🥰