{"id":2271,"date":"2022-01-25T18:27:55","date_gmt":"2022-01-25T18:27:55","guid":{"rendered":"https:\/\/lvboard.infostore.in.ua\/?p=2271"},"modified":"2022-01-25T18:27:55","modified_gmt":"2022-01-25T18:27:55","slug":"a-simple-todo-application-for-react-js","status":"publish","type":"post","link":"https:\/\/lvboard.infostore.in.ua\/?p=2271","title":{"rendered":"A Simple Todo application For React.js"},"content":{"rendered":"\n<h1>Todo Application<\/h1>\n\n\n\n<!--more-->\n\n\n\n<h2><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#installation\"><\/a>Installation<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">git clone https:\/\/github.com\/harun-guter\/todo-app.git\ncd todo-app\ninstall.bat<\/pre>\n\n\n\n<p>Change&nbsp;<em>connectionString<\/em>&nbsp;value from&nbsp;<strong>server\\config.js<\/strong>&nbsp;file.<\/p>\n\n\n\n<h2><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#run-locally\"><\/a>Run Locally<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">cd todo-app\nstart.bat<\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Server<\/th><th>Client<\/th><\/tr><\/thead><tbody><tr><td><code>http:\/\/localhost:3001<\/code><\/td><td><code>http:\/\/localhost:3000<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#api-reference\"><\/a>API Reference<\/h2>\n\n\n\n<h4><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#get-all-todos\"><\/a>Get all todos<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">GET \/api\/todos<\/pre>\n\n\n\n<h4><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#get-single-todo\"><\/a>Get single todo<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">GET \/api\/todos\/{id}\n<\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Parameter<\/th><th>Type<\/th><\/tr><\/thead><tbody><tr><td><code>id<\/code><\/td><td><code>string<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#add-a-new-todo\"><\/a>Add a new todo<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">POST \/api\/todos<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">Body: {\"content\": String}<\/pre>\n\n\n\n<h4><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#update-todo\"><\/a>Update todo<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">PUT \/api\/todos\/{id}<\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Parameter<\/th><th>Type<\/th><\/tr><\/thead><tbody><tr><td><code>id<\/code><\/td><td><code>string<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">Body: {\"content\": String}<\/pre>\n\n\n\n<h4><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#delete-todo\"><\/a>Delete todo<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">DELETE \/api\/todos\/{id}<\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Parameter<\/th><th>Type<\/th><\/tr><\/thead><tbody><tr><td><code>id<\/code><\/td><td><code>string<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2><a href=\"https:\/\/reactjsexample.com\/a-simple-todo-application-for-react-js\/#tech-stack\"><\/a>Tech Stack<\/h2>\n\n\n\n<p><strong>Client:<\/strong>&nbsp;React, Bootstrap<br><br><strong>Server:<\/strong>&nbsp;Node, Express, MongoDB<\/p>\n\n\n\n<h2>GitHub<\/h2>\n\n\n\n<p><a href=\"https:\/\/github.com\/harun-guter\/todo-app?ref=reactjsexample.com\" target=\"_blank\" rel=\"noreferrer noopener\">View Github<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todo Application<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[30],"tags":[65,185],"_links":{"self":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2271"}],"collection":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2271"}],"version-history":[{"count":1,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2271\/revisions"}],"predecessor-version":[{"id":2272,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2271\/revisions\/2272"}],"wp:attachment":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}