Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/edwindelbosque/Noted

A vanilla JavaScript to-do list application (solo)
https://github.com/edwindelbosque/Noted

css html javascript responsive responsive-design responsive-web-design todo todoapp todolist vanilla-javascript vanilla-js web-application

Last synced: 20 days ago
JSON representation

A vanilla JavaScript to-do list application (solo)

Host: GitHub
URL: https://github.com/edwindelbosque/Noted
Owner: edwindelbosque
Created: 2019-10-20T01:26:11.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2022-02-12T16:01:37.000Z (over 2 years ago)
Last Synced: 2024-07-30T20:54:47.011Z (4 months ago)
Topics: css, html, javascript, responsive, responsive-design, responsive-web-design, todo, todoapp, todolist, vanilla-javascript, vanilla-js, web-application
Language: JavaScript
Homepage: https://edwindelbosque.github.io/Noted/
Size: 146 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 4
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![](https://user-images.githubusercontent.com/48811985/67154028-fac19780-f2e3-11e9-93d0-1cd9c140ec8d.png)
# Noted. : A To-do list application

## Summary
**Noted** is an to-do list web application I built in over a week. You can prioritize cards to mark them as important, and check off individual tasks off the card. The user can also filter the displaying cards by importance. The search bar will also allow you to search the title of your cards to find what you're looking for.

![](https://user-images.githubusercontent.com/48811985/67153909-81c14080-f2e1-11e9-924d-6996e1339a6d.gif)

## View this application live on github pages [here](https://edwindelbosque.github.io/Noted/) and use it on your phone!

## Screenshots

![](https://user-images.githubusercontent.com/48811985/67153903-65bd9f00-f2e1-11e9-96b5-51e1f54ac3b2.png)

## Built with

- **JavaScript**: DRY functions, event delegations, limited use of global variables (1), localStorage.
- **CSS3**: mobile and desktop friendly, media queries.
- **HTML5**