Todos-List

This is my first react project, I took days to understand react and I'm still leaning :) Hope you like this react app! https://yvs2701.github.io/React-Todos-List/

The basic layout:

You will get to see three todos already in the list they are simply there to help describe the UI and the project as a whole.

Add your Todos:

You can add your todos by simply filling the title and desciption (optional) of your todo and press the add button

Wipe out the completed tasks !

Simply click the trash button, to delete a completed task

Opening a decription for any todo hides the description for other tasks :)

UPDATES:

Added local storage

Todo items are locally stored, however clearing browser data may wipe them out too :(

                                               `More features on the way :)`

A REACT PROJECT:-

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Host React app on GitHub pages

After linking you app to a github repo simply follow:

Install the gh-pages package as a dev-dependency of the app.

In your app directory type: npm install gh-pages --save-dev

Add some properties to the app's package.json file.

At the top-level (i.e. inside package.json > right before/after/in the same block as the "name") add the following: "homepage": "http://usrname.github.io/repo-name" usrname name is your user-name at GitHub repo-name is the repository name that we are going to host on GitHub pages.

In the existing scripts property, add a predeploy property and a deploy property:

"scripts": { //... "predeploy": "npm run build", "deploy": "gh-pages -d build" }

Now run the following command:

npm run deploy And you are done now your react app will be hosted on GitHub pages !