separate initial state & add initial tasks

README.md

@@ -2,10 +2,13 @@
 A simple and accessible Google Tasks client with a beautiful interface inspired from todoist. It can also act as a stand alone todolist (without Google Tasks sync).
 
 **Todos:**
-![Todos screenshot](https://i.ibb.co/cTtGML0/Screenshot-from-2021-11-11-13-48-26.png)
+![Todos screenshot](https://i.ibb.co/FHBT0J6/Screenshot-from-2021-11-12-19-39-14.png)
+
+**Settings:**
+![Settings screenshot](https://i.ibb.co/6b9V0X4/Screenshot-from-2021-11-12-19-40-14.png)
 
 **Projects:**
-![Projects screenshot](https://i.ibb.co/j35gyVz/Screenshot-from-2021-11-11-13-51-14.png)
+![Projects screenshot](https://i.ibb.co/vzkDNLs/Screenshot-from-2021-11-12-19-41-52.png)
 
 ---
 ## Features 🌟

src/redux/initialState.js

@@ -0,0 +1,43 @@
+const initialTasks = [
+	"✔️ Mark me completed.",
+	"✏️ Edit to corrrect me.",
+	"🗑️ Delete me.",
+	"⚙️ Click the gear (top-right) to access settings.",
+	"🟠 Change the current theme.",
+	"🔄 Sync with your Google Tasks account.",
+	"✅ View completed todos.",
+	"🆘 In-case of emergency \"Reset & Clear cache\" is your friend.",
+	"🔽 Sort the todos to \"Oldest First\".",
+	"📗 Click \"TodoList ↕️\" (top-left) to access other projects / tasklists.",
+]
+
+const initialState = {
+	todos: {
+		0: {
+			...initialTasks.map((task, i) => ({
+				task, 
+				id: i, 
+				timestamp: initialTasks.length-i,
+				completed: false,
+			}))
+		},
+	},
+	projects: {
+		0: {
+			id: 0,
+			synced: false,
+			timestamp: Date.now(),
+			title: "TodoList",
+		}
+	},
+	settings: {
+		currentTheme: "randomImage",
+		sortType: "newest",
+		currentProject: 0,
+		removeCompleted: false,
+		showCompleted: false,
+		isSignedIn: false,
+	},
+}
+
+export default initialState

src/redux/persistedState.js

@@ -1,24 +1,5 @@
 import { getTodos, getSettings, getProjects } from "../db"
-
-export const initialState = {
-	todos: {},
-	projects: {
-		0: {
-			id: 0,
-			synced: false,
-			timestamp: Date.now(),
-			title: "TodoList",
-		}
-	},
-	settings: {
-		currentTheme: "randomImage",
-		sortType: "newest",
-		currentProject: 0,
-		removeCompleted: false,
-		showCompleted: false,
-		isSignedIn: false,
-	},
-}
+import initialState from "./initialState"
 
 const persistedState = {
 	todos: await getTodos() || initialState.todos,

src/redux/rootReducer.js

@@ -2,7 +2,7 @@ import { combineReducers } from 'redux'
 import todoReducer from './todos/todoReducer'
 import projectReducer from './projects/projectReducer'
 import settingReducer from './settings/settingReducer'
-import { initialState } from './persistedState'
+import initialState from './initialState'
 
 const appReducer = combineReducers({
 	todos: todoReducer,