TODO.md

AgiliZenti ToDo App

This project will be used a ToDo and Project.

New user will likely come from:

• Register as new user including userid and password, email not required for login

Existing user will login as normal.

• Provide a Facebook, Google, etc social login?
• Make use of browser cookies, LocalStorage, IndexedDB, etc.

App \

• Use useState, useRef, useEffect, etc. hooks

App | UI Components

• Add a 60px Responsive TopNav w/ Material UI <AppBar> & <MenuIcon>
• Add an Offcanvas Drawer on the left, 200-250px using Material UI <Drawer>
• Add an Avatar / UserIcon

App | UI / UX:

• Finish Google SEO, Ads and Analytics meta
• Create and Add a Favicon
• Create and Add a Logo
• Add a Theme
  • Suggested colors:
    • Dark Mode: Black, Gray
    • Light Mode: Blue TopNav, White Canvas

App | Workflow

• Create a Task (add a new task or subtask)

  • Use a calendar with date and time for start and end

• Read a Task

• Update a Task (change a due date)

• Delete a Task (mark as completed)

• Show a list of tasks completed

• Integration with Google Calendar API

App | User Management

This app will allow a user to login

• Create Signin / Login component

• Create Signup / Register component

• Create a User API?

CSS | Theme:

• Add a Theme
  • Suggested colors:
    • Dark Mode: Black, Gray
    • Light Mode: Blue TopNav

App | CSS & A11y

• Accessibility testing with Lighthouse, etc.
• Testing with various browsers
• Media Queries with breakpoints

Backend | Database:

• Choose backend: MongoDB
• Create APIs and API folder
• Create Express Server in server folder

Hosting: Planned on self hosting but could deploy somewhere.

Testing:

• Unit testing with Jest and Testing Library
  • Write initial unit tests
• Performance Testing
  • Chrome Performance Testnig
  • Firefox Performance Testing
• Browser testing
  • Chrome & Firefox

Design:

• Create a .drawio file with UML and sitemap
• Figma Design?
• Excalidraw

GitHub:

• Create Action
• Create Workflow

Editor:

• Add a tasks.json

In Progress

Done ✓

Release

• Init project repository http://github.com/gbowne1/AgiliZenti

• Publish project on some particular host to be decided on

Section

• [ ]

Backlog

• [ ]