https://github.com/berasumitdev/javascript-todo-website

A fully responsive and functional To-DO webapp build with pure CSS3, vanilla JavaScript and HTML5.
https://github.com/berasumitdev/javascript-todo-website

html-css-javascript javascript todo todoapp todolist

Last synced: 3 months ago
JSON representation

A fully responsive and functional To-DO webapp build with pure CSS3, vanilla JavaScript and HTML5.

• Host: GitHub
• URL: https://github.com/berasumitdev/javascript-todo-website
• Owner: berasumitdev
• Created: 2023-08-03T17:53:52.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-03T18:57:08.000Z (almost 3 years ago)
• Last Synced: 2025-05-21T06:40:08.980Z (about 1 year ago)
• Topics: html-css-javascript, javascript, todo, todoapp, todolist
• Language: JavaScript
• Homepage: https://todo-website-bs611.netlify.app/
• Size: 13.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# To Do Website

A fully responsive and functional To-DO webapp build with pure CSS3, vanilla JavaScript and HTML5.

Overall, the project demonstrates the application of JavaScript `DOM Manupulation`, `Array Metods`, `localStorage` concepts to create a simple To-Do list that allows users to add, edit, and delete tasks, as well as filter them based on their completion status. It showcases the power and versatility of JavaScript in web development.

## Features 

- User can `Create` new todo `Update` them, mark them as `Checked` as task completed and also `delete` individual task.

- User can filter tasks between `All`, `Pending` and `Completed`.

- All todos datas are stored and loaded from `localStorage`.

- By this project Javascript `DOM Manupulation`, `Array Methods` and `localStorage` concept are utilised.

- Minimalistic and responsive ui.

## Screenshots

![Page Screenshot](https://github.com/berasumit611/JavaScript-TODO-Website/assets/86337318/5165b1e9-13c1-4a02-a63d-60178d07cdba)

## Deployment Status

[![Netlify Status](https://api.netlify.com/api/v1/badges/94632b96-1671-46e4-86ff-6d85a3a80dc7/deploy-status)](https://app.netlify.com/sites/todo-website-bs611/deploys)

## Feedback

If you have any feedback, please reach out to us at berasumit611@gmail.com