First excercise completed entirely in Vanilla Javascript. I will make better implementations as I learn more and will make changes to this project along the way. I chose to use Vanilla Javascript instead of jQuery in order to build a strong foundtion in understanding how Javascript works so I may understand jQuery fully.
From terminal, the program can be install with git clone with the project repository, followed by the name of the directory you wish to download the repository to.
$ git clone git@github.com:jdsmith022/fdf.git [directory-name]
With Visual Studios add Live Server extension. Open repo in new window and Go Live. Navigate to pages and login page will open. Else, browers from repo directory. Inside file the repo was dowloaded to, click on the pages directory. Inside, right click on the index.html file. Click open with, and choose your preffered browser.
New users can join or login to their todo list. At their todo list, users can add, deleted or check off items to their list. They can add a filter upon entering each item so filter through list based on: All, Completed, Uncompleted, or their chosen added filter.
When users logout, their list and each items filter and stats are saved.
To update .css files from .scss files run command in terminal:
sass --watch sass/:stylesheets
To install sass command:
brew install sass/sass/sass
or
npm install -g sass
NOTE: Use of local storage is not secure for user login and shoud not be considered a realistic solution for user login. This is an exercise in Vanilla JavaScript. Image used as background image is free for personal and commercial use. Can be found here.