A to-do application using API and local storage

A simple to-do list app built in HTML, SCSS, and JavaScript.

Features and capabilities

• Save todos using the API
• Access todos from any device
• Faster display using local storage
• Ability to add, edit and delete

----- Click To View Demo -----

To-Do API : You can Create a free API from mockapi.io

Steps to build a dedicated API :

1. First, register at mockapi.io.
2. Then click on the + sign to add a new API.
3. Choose a custom name for your API and create the API.

Now you need to create your API fields :

1. Select your API.
2. Click on New resource.
3. On the page that opens, in the Resource Name field, write the phrase todos.
4. Then create your fields in the Schema section according to the table below and click on create button.
   
   

   Field Name	Field Type
   id	Object ID
   title	String
   description	String
   dueDate	String
   checked	Boolean
   createdAt	Date
   updatedAt	Date
















5. Then copy the endpoint API address and paste it in the BASE_URL variable in the assets/js/showTodos.js and, assets/js/addNewItem.js files. (line two in both files)

Screenshot :