Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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

html-css-javascript javascript todo todoapp todolist

Last synced: 5 days 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/berasumit611/javascript-todo-website
Owner: berasumit611
Created: 2023-08-03T17:53:52.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-08-03T18:57:08.000Z (over 1 year ago)
Last Synced: 2023-08-03T19:45:57.127Z (over 1 year ago)
Topics: html-css-javascript, javascript, todo, todoapp, todolist
Language: JavaScript
Homepage: https://todo-website-bs611.netlify.app/
Size: 11.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 [email protected]