To-Do List App Front-End Development

This project implements the Front-End for a simple To-Do List web application, using the React JS library, and also Styled Components replacing pure CSS. It includes the login page and the general UI of the app. The login authentication logic and the tasks database for each user are not implemented, since this project aims to be a Front-End study only.

User friendly interface for typing required tasks

Add button for adding new task(s)

Edit button for editing and update task(s)

Delete button for deleting task(s).

Currently, the 'checking or unchecking of task' functionalities which tells the completion of task are not implemented, since I considered focusing on CRUD operations to build this web app. Maybe I'll implement this later on.

If you want to try this project yourself:

Install Node on your machine, via https://nodejs.org/en/.

Install Git on your machine, via https://git-scm.com/downloads.

Clone this repository to your machine. (https://github.com/slimmyveek/Todo-List-App-with-React).

Run node install on the terminal, inside the folder where you downloaded the project, to install all used dependencies via terminal command: npm install

Run the project on your browser via the terminal command: npm run dev.

You can copy the host link to your web browser.