Merge pull request #19 from KoolTheba/develop

Release v1.0.2

README.md

@@ -5,7 +5,13 @@ Todo/Goals application made with 💜  and Redux 🏆
 
 > Release v1.0.1. Sept' 2020 💪 (deploy a React app in GitHub pages)
 
-## What is it and what can I do with it?
+> Release v1.0.2 Oct' 2020 🏆 (created and added new api that provides data persistance new feature)
+
+## Data persistance feature (new! 🥳)
+🚀  I have completely refactored the api, and created a new one, with support to localstorage, so now you get data persistance for free! 😎
+> 👉 Check my home-baked api [todos-goals-localsotrage](https://www.npmjs.com/package/todos-goals-api-localstorage) in npm
+
+## What is it and what can I do with this app?
 Its name doesn't lie! This app is meant to keep your todos and goals in a cute list with which you can interact.
 Once running in your localhost, you can:
 - ➕ Add a todo or a goal to an individual list
@@ -16,7 +22,7 @@ Once running in your localhost, you can:
   <img alt="Aplicación Todo" height="600" src="other/todo_goals_app_screenshot.png">
 </p>
 
-> As this app is open source and has a Affero AGPL license, you can fork it, change it, style it 💅, etc
+> As this app is open source and has a AGPL license, you can fork it, change it, style it 💅, etc
 
 ## How to use it?
 ### ⚡️ Live
@@ -47,6 +53,7 @@ Once running in your localhost, you can:
 ## Dependencies
 - Redux
 - Font-awesome
+- 👉 [todos-goals-api-localstorage](https://www.npmjs.com/package/todos-goals-api-localstorage)
 
 ### Dev-dependencies
 - gh-pages

package.json

@@ -6,13 +6,13 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.31",
     "@fortawesome/free-solid-svg-icons": "^5.15.0",
     "@fortawesome/react-fontawesome": "^0.1.11",
-    "goals-todos-api": "^1.0.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-redux": "^7.2.0",
     "react-scripts": "^3.4.3",
     "redux": "^4.0.5",
-    "redux-thunk": "^2.3.0"
+    "redux-thunk": "^2.3.0",
+    "todos-goals-api-localstorage": "^1.0.0"
   },
   "scripts": {
     "predeploy": "npm run build",

src/actions/goals.js

@@ -1,4 +1,4 @@
-import API from 'goals-todos-api'
+import API from 'todos-goals-api-localstorage'
 
 export const ADD_GOAL = 'ADD_GOAL'
 export const REMOVE_GOAL = 'REMOVE_GOAL'

src/actions/shared.js

@@ -1,4 +1,4 @@
-import API from 'goals-todos-api'
+import API from 'todos-goals-api-localstorage'
 
 export const RECEIVE_DATA = 'RECEIVE_DATA'
 

src/actions/todos.js

@@ -1,4 +1,4 @@
-import API from 'goals-todos-api'
+import API from 'todos-goals-api-localstorage'
 
 export const ADD_TODO = 'ADD_TODO'
 export const REMOVE_TODO = 'REMOVE_TODO'

src/components/List.js

@@ -11,7 +11,7 @@ export default function List(props){
                     <span 
                         onClick={() => props.toggle && props.toggle(item.id)}
                         style={{textDecoration:
-                            item.complete
+                            item.completed
                             ? 'line-through' 
                             : 'none' }}
                     >{item.name}

src/reducers/todos.js

@@ -14,7 +14,7 @@ export default function todos (state = [], action) {
             return state.filter(todo => todo.id !== action.id)
         case TOGGLE_TODO:
             return state.map(todo => todo.id !== action.id ? todo : 
-                Object.assign({}, todo, {complete: !todo.complete})    
+                Object.assign({}, todo, {completed: !todo.completed})    
             )
         case RECEIVE_DATA:
             return action.todos