Lloydrp / projectToDoList

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

To-Do List App

Description

Duration: 4 Hours

A To-Do application that will track tasks that you need to complete, tasks you have already completed, and when you completed them! Along with the tools you need to make errands easy! This application will efficiently do all the following:

  • Allow you to enter a new task
  • Track you To-Do tasks in the order they were created either ascending or descending
  • Mark tasks as complete and push them to the bottom of the list to make room for unfinished tasks
  • Edit a task incase you need to add or remove from it
  • Delete a task that is no longer needed
  • Confirm the deletion of a task to make sure you don't accidentally lose something important
  • Gives a stylish and responsive feel so you can use it on your phone, tablet, or desktop

See life deployed version here! Heroku Deployed To Do App

Screen Shot

Alt text

Prerequisites

Link to software that is required to install the app (e.g. node).

  • Node.js
  • Express
  • Postgresql

Installation

  • On Github select the green "Code" button and copy this repo per your desired method. (We will assume SSH. You also must fork first if you would like to make your own edits.)
  • Go to your terminal and change directory to your desired location for this file
  • In the terminal type: git clone [PASTE CODE LINK]
  • Type in: cd projectToDoList
  • Type in: npm install (to install dependencies)
  • Type in: npm start
  • Go to http://localhost://5000 in your browser

Usage

  1. Enter a new task
  2. When task is completed hover over the task and press the green checkmark
  3. If if you need to un-complete a task repeat step 2
  4. If you need to edit a task hover over the task and press the gear icon. Once you have finished editing press the Edit Task button or cancel to undo changes.
  5. Once you no longer need a task hover over the task and press the trash can icon to delete the task. Tasks will prompt for confirmation before deleting

Built With

Javascript Express jQuery Postgresql

Acknowledgement

Thanks to [Emerging Digital Academy] who equipped and helped me to make this application a reality!

Support

If you have suggestions or issues, please email me at [prollotech@gmail.com].

About


Languages

Language:JavaScript 73.3%Language:HTML 21.3%Language:CSS 5.4%