Clone of a To-Do List app I like.

Overview

Screenshot_2

📃 ️Dona Clone

This project is a clone of Dona, which is a To-Do List application focused on design.

I've always liked their design and decided to recreate their app using CSS - Styled Components.

This is kinda also of a refactor of an old To-Do App I've made, which you can see here.

Feel free to share thoughts to me and get in touch.

⚙️ Technologies

  • ReactJS with Typescript;
  • styled-components;
  • UUID;
You might also like...

Awesome books app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

Awesome Books ES6 In this project, I build a basic website that allows users to add/remove books from a list. using ES6 syntax and make it more organi

Jul 1, 2022

A simple and basic app, where you can add your todo list and remove all selected or one of the items from the list

A simple and basic app, where you can add your todo list and remove all selected or one of the items from the list

Jun 14, 2022

This is an app built with HTML, CSS and JavaScript to store a list of to-do. You can add, and delete from list.

To Do List This is an app built with HTML, CSS and JavaScript to store a list of to-do. You can add, and delete from list Built With HTML CSS JavaScri

Jul 1, 2022

To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack

To-do-List-Project To Do List Project Description. This project creates a simple HTML list of To Do tasks. It was built using webpack and served by a

Jul 8, 2022

This is a Webpack based to-do-list project. With this app, users can add thier daily routine tasks to the list, mark them as complet, edit them or delete them.

To Do List This is a Webpack based to-do-list project. With this app, users can add thier daily routine tasks to the list, mark them as complet, edit

Oct 30, 2022

A simple To-Do List app built using JavaScript, where users can add, edit and remove tasks from the list as well as marking them as completed.

To-Do List This is a to-do list application. Built With Languages: HTML5 & CSS3 JavaScript Preprocessors: Sass Technologies: Webpack Conventions and M

Jun 25, 2022

In this project I have build a To Do List app that you can list, add, delete and manage your daily tasks better. Build with HTML, CSS, JS, ES6, JSON

ToDo List This project is build by javascript web packages which can add and remove daily tasks. Built With Html Css Javascript Sublime Text Author 👤

Oct 25, 2022

To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript

Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save

Jul 25, 2022

Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture. You can view live app.

Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture.  You can view live app.

Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart. It has strong authe

Dec 29, 2022
Comments
  • Switch categories bug when responsive

    Switch categories bug when responsive

    Hey Antonio, I got two things love the look of the app... looked at Dona's actual implementation and looks very close great job! I am going to try and do the same with MEVN stack and add a bit of my taste on there ill let you know how it comes out.

    Anyways on to the bug here is footage of it I am wondering if it has to do with active or non-active button states let me know if you figure it out! Also, it seems to work sometimes but not all which has me thinking it might not be the button states

    https://user-images.githubusercontent.com/58356571/181096287-d299d8da-8059-43cc-82ca-712b7d9da7e5.mov

    opened by Puwya 1
  • License

    License

    Hi Antonio,

    As you didn´t specify a license in the repository, I'm wondering if I could use your code for a PoC. I'm writing an article about Terraform and AWS and I was looking for a simple SPA that I could attach to an API and configure an automated deployment. The application itself isn't the focus, which is why I'm looking for something ready to use, and I really liked your architecture.

    Please let me know what you think. Cheers.

    opened by karliwson 1
Owner
Antônio Pataro
Front-End Developer.
Antônio Pataro
LinkedIn-Clone - a LinkedIn clone with firebase, redux and styled components

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Asher Price 1 Jan 3, 2022
A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.

Amuchina A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebW

Fabio Spampinato 9 Sep 17, 2022
This project is about Leaderboard list app, that allows users to add score to the list and refresh the list.

Leaderboard This project is about Leaderboard list app, that allows users to add score to the list and refresh the list. Built With JavaScript HTML CS

Mihreteab Misganaw 3 Dec 19, 2021
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

To-do-list "To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list. Built With HTML

Aniekan udo 10 Nov 21, 2022
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology including but not limited to HTML, CSS, JavaScript and webpack to manipulate DOM.

Jerry Owusu 2 Feb 19, 2022
Nest multiple blocks inside lists of any kind of list (ordered, unordered, no marker, etc), or do away with list markers and use it like a repeater!

Nest multiple blocks inside lists of any kind of list (ordered, unordered, no marker, etc), or do away with list markers and use it like a repeater!

Rani 15 Dec 26, 2022
"To Do List" is a minimalist project that displays a list of task and allows you to add and remove task from that list. Built with JavaScript

To Do List Structure Solo programming project for module 2 week 2 of the Microverse Program. Live Demo Live Demo Link "To Do List" is a minimalist pro

Yersel Hurtado 7 Mar 5, 2022
TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

Todo TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list. App Screenshot Live Demo Todo Ap

Ishmael Kargbo 3 May 12, 2022
To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed.

To Do App To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed. Users c

Ishpaul Singh 6 Jul 21, 2022
This App is about British Food where you find a list of meals that you can like and comment.

British Classic Meals The British Classic Meals is a seclection of the most favorite and famous british recipes. Things you can do in this website: ch

Tiago Lelinski Marin 5 Aug 20, 2022