https://github.com/wanrif/todo-list

https://github.com/wanrif/todo-list

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/wanrif/todo-list
• Owner: wanrif
• Created: 2023-08-06T15:03:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-06T16:03:58.000Z (over 1 year ago)
• Last Synced: 2024-05-01T04:42:06.511Z (8 months ago)
• Language: JavaScript
• Homepage: https://wanrif-todo.netlify.app/
• Size: 849 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ToDo List App

## Description

This is a ToDo List app built with React, Redux, Material-UI (MUI), and SCSS. The app allows users to manage their tasks by adding, editing, marking as completed, and deleting tasks. Order and reorder tasks by drag and drop. The app is responsive and works on mobile devices as well as desktops. The app is deployed on Netlify.

## Demo

![Screenshot](public/screenshot.png)

[Live Demo](https://wanrif-todo.netlify.app/)

## Features

- Add new tasks to the ToDo list.

- Edit existing tasks.

- Mark tasks as completed or uncompleted.

- Delete tasks from the list.

- User-friendly and responsive design with Material-UI components.

- Drag and drop to reorder tasks.

## Installation

To run the app locally, follow these steps:

1. Clone the repository:

```bash

git clone https://github.com/Wansrif/todo-list.git

```

2. Install dependencies:

```bash

yarn

```

3. Start the development server:

```bash

yarn start

```

4. Open your web browser and visit: `http://localhost:3000`

## Technologies Used

- React

- Redux

- Material-UI (MUI)

- SCSS

## Acknowledgements

- Special thanks to the creators of React, Redux, and Material-UI for their awesome libraries.

- Thanks to Netlify for hosting the live demo.