Code Monkey home page Code Monkey logo

todo-app's Introduction

Todo App

This project aims to build a to do list application by applying HTML, CSS and Javascript. The application allows users to manage their tasks effectively.

Level 1: Todo App Basic Requirements

In this level, the application includes the following features:

  1. Adding a Todo:

    • Display an input field where users can enter a new todo item.
    • Include an "Add" button to add the entered todo item to the list.
  2. Rendering Todo List:

    • Render the list of todos on the screen.
    • Each todo item should display a checkbox and the task description.
  3. Deleting a Todo:

    • Implement a "Delete" button next to each todo item.
    • When the button is clicked, remove the corresponding todo item from the list.

Level 2: Todo App Additional Requirements

In addition to the basic requirements, the application enhances its functionality with the following features:

  1. Editing a Todo:

    • Implement an "Edit" button next to each todo item.
    • When the button is clicked, allow users to update the task description of the corresponding todo.
  2. Todo Counter:

    • Include a counter that displays the total number of todo items.

Level 3: Todo App Bonus Requirements (Optional)

If you have a higher skill level and finish the previous requirements before the deadline, you can tackle the following bonus tasks:

  1. Persistent Storage:

    • Add the ability to persist todo items using local storage.
    • Ensure that the list remains intact even after the page is refreshed.
  2. Search Functionality:

    • Implement a search functionality that allows users to search for specific todo items based on keywords.
  3. Peer Review:

    • Review the code and implementation of 2 assignments from other participants.
    • Provide constructive feedback and suggestions for improvement.

Please note that the bonus requirements and reviews are optional and can be completed if you have additional time and advanced skills.

Deadline : 27-02-2024

Happy coding!

todo-app's People

Contributors

alikiny avatar thoanguyen2907 avatar anisul-islam avatar yazanalhalabi avatar

Watchers

Shama Alkhaldi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.