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

Todo List is a task management app whose main goal is to help users stay organized and manage their day-to-day tasks.
https://github.com/radyaben/todo-list

bootstrap5 css3 html5 react styled-component

Last synced: 2 months ago
JSON representation

Todo List is a task management app whose main goal is to help users stay organized and manage their day-to-day tasks.

• Host: GitHub
• URL: https://github.com/radyaben/todo-list
• Owner: RadyaBen
• Created: 2021-12-28T11:07:40.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-08-09T09:42:00.000Z (almost 4 years ago)
• Last Synced: 2025-01-03T00:22:04.124Z (over 1 year ago)
• Topics: bootstrap5, css3, html5, react, styled-component
• Language: JavaScript
• Homepage: https://radyaben.github.io/Todo-List/
• Size: 862 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


	


	
Todo List





   ![GitHub last commit](https://img.shields.io/github/last-commit/RadyaBen/Todo-List?style=plastic)

   ![GitHub repo size](https://img.shields.io/github/repo-size/RadyaBen/Todo-List?style=plastic)

   ![GitHub language count](https://img.shields.io/github/languages/count/RadyaBen/Todo-List?style=plastic)

   ![GitHub top language](https://img.shields.io/github/languages/top/RadyaBen/Todo-List?style=plastic)



## About The Project



Todo List is a task management app whose main goal is to help users stay organized and manage their day-to-day tasks. A user has the ability to add, delete, filter a task by specific filters, and mark it as completed. Also, for convenience, there is a search field that allows a user to quickly find a desired task. With this app, a user can complete goals without wasting time trying to figure out priorities.

## Built With

* [React](https://reactjs.org/) 

* [Bootstrap](https://getbootstrap.com/)

* [Styled Components](https://styled-components.com/)

* [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/) 

* [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/) 

## Getting Started

### Prerequisites

* [Git](https://git-scm.com)

* [Node.js](https://nodejs.org/en/download/)

* [npm](http://npmjs.com)

### Installation

```sh

# Step 1: Clone the repository

$ git clone https://github.com/RadyaBen/Todo-List.git

# Step 2: Go into the repository 

$ cd Todo-List

# Step 3: Install NPM packages

$ npm install

# Step 4: Run the app 

$ npm start

```