⚠️ Please notice that this README file is more readable in light mode.

To-do List App

A to-do list web application built with React.

Demo

Follow this link to try my project : https://to-do-list-corinne.netlify.app/

About this project

The To-do List Project is a fullstack project made in early 2021.

If you want to take a look on the backend project (Node.js server), follow this link : To-do-List express API

Packages & libraries used :

• axios
• js-cookie
• react-loader-spinner
• react-useanimations

Screenshots

SignIn page

Before to be logged in :

• all fields must be filled
• credentials must be correct

---

SignUp page

Before to complete sign up :

• all fields must be filled
• email must be unique in DB
• passwords must be the same

🤳 When a new account is created, I receive a SMS on my personal phone number containing the username and the email used for registration.

---

Boards page

Modify a board's title or delete a board.
Select a board to go to single board page (tasks list).

Add a new board. A modal opens to write a board title :

---

Tasks page

Add a task, modify a task title, choose a task status ("done" or "to do"), and delete a task :

Install and run project

You will need node and yarn or npm installed globally on your machine.

Clone this repository :

git clone https://github.com/Corinne-Coding/To-Do-List-React-APP.git
cd To-Do-List-React-APP

Install packages with yarn or npm :

yarn

or

npm install

When installation is complete, run the project :

yarn start

or

npm start