Technigo · JoyceKuode · Nov 20, 2024 · Nov 20, 2024 · Nov 20, 2024 · Nov 20, 2024
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "githubPullRequests.ignoredPullRequestBranches": ["main"]
+}
diff --git a/README.md b/README.md
@@ -6,32 +6,18 @@
 
 # Todo - useContext Project
 
-Replace this readme with your own information about your project.
+This project is a dynamic to-do list where users can add, manage, and organize tasks by categories. It features light/dark mode, task progress tracking, and local storage to persist tasks.
 
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
-
-## Getting Started with the Project
-
-### Dependency Installation & Startup Development Server
-
-Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.
+### The Problem
 
-The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.
+I began by exploring different To-Do apps to gather inspiration and reflect on what I personally look for in a task management tool. Using Figma, I sketched wireframes to ensure responsive layouts for mobile, tablet, and desktop views.
 
-```bash
-npm i && code . && npm run dev
-```
+My initial focus was on designing a light/dark mode toggle, which led me to create a custom Tailwind CSS configuration for the color scheme. To keep things simple, I started with a basic task list and form. As I added more features, the codebase especially the TaskList component, started becoming cluttered. To address this, I refactored some functionality into smaller, more manageable components. For example, I created a dedicated component to display a message and image when all tasks are completed and another for the button that triggers this feature.
 
-### The Problem
+I was also inspired by my in-laws, who sometimes struggle with English, as well as an example I came across earlier this week, to add a language toggle feature for improved accessibility.
 
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
+If I had more time, I would love to implement task editing functionality. Adding drag-and-drop reordering for tasks, including category changes, is another feature I’d prioritize. I’d also like to introduce project-based task grouping, as well as filtering and sorting options for better organization.
 
 ### View it live
 
-Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
-
-## Instructions
-
-<a href="instructions.md">
-   See instructions of this project
-  </a>
+https://hello-productivity.netlify.app/
diff --git a/index.html b/index.html
@@ -1,9 +1,15 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Todos App Context API</title>
+    <meta
+      name="description"
+      content="Stay organized with Hello, Productivity! The fun to-do list app to help you manage tasks efficiently."
+    />
+    <title>Hello, Productivity! To-Do List</title>
+    <link rel="icon" href="/to-do-list.png" type="image/x-icon" />
+    <link rel="preload" href="src/assets/sloth.webp" as="image" />
   </head>
   <body>
     <div id="root"></div>