SotoArmando / odin-todolist

Todo lists are a staple in beginning webdev tutorials because they can be very simple. There is, however, a lot of room for improvement and many features that can be added.

Home Page:https://raw.githack.com/SotoArmando/odin-todolist/master/dist/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PROJECT: TODO LIST

This is the fourth project of the Main JavaScript curriculum at Microverse - @microverseinc

The objective is to create a simple todo app by using JavaScript factory function and module pattern with the concepts of Single Responsibility and Tightly Coupled Objects.The features of the app also include:

  • Create, edit and update todos
  • Create project to be associated with todo
  • Delete or mark todo as complete

Development

  • Dependencies

    • eslint: ^6.3.0
    • eslint-config-airbnb: ^18.0.1
    • eslint-config-airbnb-base: ^14.0.0
    • eslint-plugin-import: ^2.18.2
    • stylelint: ^11.0.0
    • stylelint-config-recommended: ^3.0.0
    • webpack: ^4.40.0
    • webpack-cli: ^3.3.8
    • webpack-dev-server: ^3.8.1
  • Clone the project

git clone git@github.com:SotoArmando/odin-todolist.git
  • Instal Dependencies
npm install
  • Run Script (Development mode)
npm run-script dev
  • Run Script (Production mode)
npm run-script build
  • Start server
npm run-script start

Screenshots

Todo view for large screen Todo view for large screen
todo view large screen todo view small screen
Add new project Add new todo
add new project add new todo

Authors

About

Todo lists are a staple in beginning webdev tutorials because they can be very simple. There is, however, a lot of room for improvement and many features that can be added.

https://raw.githack.com/SotoArmando/odin-todolist/master/dist/index.html

License:MIT License


Languages

Language:JavaScript 100.0%