selimbiber / Listify

A Simple To-Do List Application For 'The Odin Project'.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Listify (Demo Version)

A Simple To-Do List Application For 'The Odin Project' Curriculum.

Welcome! ๐Ÿ‘‹

Thanks for checking out my front-end coding project.

Table of contents

Development Description

I will use the demo version of the application regularly myself and try to discover the current deficiencies and bugs in the application, as well as useful features that can be developed for the pro version.

Features of the Listify application developed with the Demo version released for The Odin Project:

  • User's current theme mode preference, task creation form and task list items data are stored in their browsers.
  • The area for sorting the user's current tasks according to the priority matrix has been developed.
  • An show info card button has been added where the data of the created tasks can be displayed.
  • The feature to edit created tasks has been developed.
  • Delete task and empty task inbox buttons have been added so that created tasks can be deleted one by one or all at once.
  • The task filtering feature has been developed so that created tasks can be sorted by frequency of repetition, progress status or remaining day.
  • The feature to show tasks under separate subsections as custom tasks and repetitive tasks has been developed.

Builted with:

Semantic HTML5 markup

CSS custom properties

Flexbox

Grid System

Mobile-first workflow

Pure JavaScript

Javascript Module Pattern

Local Storage

Webpack

JSON

Author Links:

Preview Images for Demo

Light Mode Design

opening-screen_light-mode task-creation-form_light-mode task-create-warning_light-mode preview-img_light-theme info-card_light-mode info-card-2_light-mode task-updating-form_light-mode updating-tasks-inbox_light-mode task-delete-warning_light-mode custom-tasks-area_light-mode repetitive-tasks-area_light-mode empty-tasks-warning_light-mode priority-matrix-area_light-mode priority-matrix-area-wide_light-mode

Dark Mode Design

preview-img_dark-mode priority-matrix-area_dark-mode

About

A Simple To-Do List Application For 'The Odin Project'.

License:MIT License


Languages

Language:JavaScript 100.0%