📝TODO App

This single-page application (SPA) allows users to efficiently create, manage, and filter tasks. With its responsive design, the app provides a seamless experience across various devices, including phones, tablets, and desktops. Tasks are stored in local storage, ensuring persistence even after the app is closed. Users can easily switch between All, Active, and Completed tasks for effortless task management.

🌟Features

• Responsive Design: The app adapts seamlessly to different screen sizes, providing a consistent experience across devices.
• Task Filtering: Easily switch between views to display all tasks, only active tasks, or completed tasks.
• Local Storage: Tasks are saved locally, ensuring they persist even after the application is closed or refreshed.
• User-friendly Interface: Simple and intuitive interface designed for smooth task management.

🚀Demo

You can view the live demo of the TODO App here:

• 🔗TODO App Demo

🛠️Technologies Used

-React.js: For building the user interface.

-TypeScript: For type-safe JavaScript development.

-JavaScript (ES6+): Core functionality and logic.

-HTML5: Markup structure.

-CSS3 & SCSS: Styling, with SCSS providing modular and maintainable styles.

-Bulma: A modern CSS framework for a responsive layout and UI components.

📋Requirements

To run this project locally, you will need:

• Node.js (v14 or higher)
• npm or yarn

⚙️Installation and Running

Follow these steps to run the project locally:

Clone the repository:

git clone https://github.com/marichkamt/todo-app.git
cd todo-app

Install dependencies:

npm install

Start the project:

npm start

Open your browser and go to http://localhost:3000 to view the application.

👤Author

Developed by Mariia Hlushak🙋🏻‍♀️

Feel free to connect with me:

Email: [email protected]

Linkedin

GitHub