https://github.com/wesscoby/ms-todo

Microsoft Todo Clone
https://github.com/wesscoby/ms-todo

react redux

Last synced: about 1 month ago
JSON representation

Microsoft Todo Clone

• Host: GitHub
• URL: https://github.com/wesscoby/ms-todo
• Owner: wesscoby
• Created: 2019-08-30T14:02:01.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T09:56:43.000Z (almost 2 years ago)
• Last Synced: 2024-10-15T16:53:29.492Z (about 1 month ago)
• Topics: react, redux
• Language: JavaScript
• Homepage: https://ms-todo.wess.link
• Size: 2.53 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Accertix Assessment Test

![Test Preview](./test-preview.png)

## Task 1

Build the page above in React. It does not need to have any functionality just yet; it just needs to look like this, with the elements in their respective positions.

### Task Completed

![Test Preview](./test-done-preview.png)

## Final Assessment

-    Add a new task. Store all tasks in the Redux store

-    Edit a task in the redux store

-    Delete a task from the redux store.

-    Obviously, all tasks should be visible in the UI as a list.

### Completed

![Test Preview](./final-work-preview.png)

### Additional Features

-   Clicking on a List in the Sidebar makes it active and loads Tasks pertaining to that List.

-   Double-clicking on a list deletes it from the store

-   There are 2 ways to update a Task:

    -   Click on the icon on its left to toggle its status (completed or not)  

    -   Click on the edit button on its right, to edit other details

#### NB

-   Had to replace unavailable icons with similar ones.

-   Tools and Packages used:

    -   React (`create-react-app, react-router-dom`)

    -   [Material Design Bootstrap](https://mdbootstrap.com/) (`mdbreact`)