Notebook

This Project is a Simple ReactJS Project which demonstrates the following

1. Creating a Component in React
2. Communicating between components
3. Using Bootstrap along with React
4. Creating a notebook app to add, manage, and organize a group of notes.

To Do • Create a form • Store new notes • List notes • Add tags or categories • Add note search

This URL has the application deployed in

Clone the project into local

Install all the npm packages. Go into the project folder and type the following command to install all npm packages

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000

1. TodoList Component : This Component displays all child components.
2. Todo Component : This Component displays list of notes.
3. Tasks Component : This Component displays category list of notes.
4. TodoAdd TodoButtons TodoHeader CompletedTasks TodoFilter Components : Other Components.

create-react-app : The following link has all the commands that can be used with create-react-app https://github.com/facebook/create-react-app

ReactJS : Refer to https://reactjs.org/ to understand the concepts of ReactJS

React Bootstrap : Refer to https://react-bootstrap.github.io/getting-started/introduction/ to understand how to use React Bootstrap