Skip to content

Commit 9422d46

Browse files
GoJo-RikaGoJo-Rika
committed
added task completion dates in README file
1 parent 2d2430b commit 9422d46

1 file changed

Lines changed: 33 additions & 32 deletions

File tree

‎README.md‎

Lines changed: 33 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -88,66 +88,67 @@ This portfolio is packed with features we've built from the ground up:
8888
8989
---
9090
91-
## Future Roadmap & To-Do List
91+
## Future Roadmap & To-Do List ---> Total: 18, Completed: 11; 09.03.2026
9292
9393
This project is a continuous work in progress. Here are some of the features and improvements planned for the future:
9494
95-
* `[x]` **Add a "Copy Code" Button to Code Blocks:** A final layer of polish for the blog, allowing visitors to easily copy code snippets. This was originally attempted with Prism.js plugins, but has now been resolved directly using a custom Javascript implementation to sidestep the plugin issues.
96-
9795
* `[ ]` **Integrate a CSS Framework (e.g., Bootstrap):** To further improve the responsive design and accelerate the addition of new UI components, I plan to refactor the custom CSS to use a professional framework. This will involve updating the HTML templates to use the framework's class system.
9896

9997
* `[ ]` **Implement a Direct Contact Form:** To provide an alternative to the `mailto:` link, I plan to integrate a third-party service (like Formspree) to handle direct message submissions from a form on the contact page. This will require setting up the service and adding a `<form>` element to the [`contact_template.html`](contact_template.html).
10098

101-
* `[x]` **Add Search Functionality:** Implemented a client-side search feature using vanilla JavaScript. A search index is auto-generated at build time and a floating search button (with ⌘K shortcut) opens a modal overlay to search across all blog post titles, summaries, and tags.
102-
10399
* `[ ]` **Content Expansion:**
104100
* Add more projects to the [`json`](portfolio-mit_v1.json) file.
105101
* Write more technical blog posts.
106102
* Continue to expand and refine the `tech_stack` with new skills.
107103

108104
* `[ ]` **Update architecture diagram link in markdown file**
109-
* by simply adding `../` or `/` should work on local system, but that does not solve the problem in static `html` page
110-
* the current approach solves the issue for `html` page but when previewing the `markdown` file, the **image** is not shown (both in **local** as well as in **github repos**)
111-
112-
* `[x]` **Make changes for 3 blog series:**
113-
* If there are 3 blogs which are written, then link them properly and make sure it works.
114-
* The current version does not do that (it loops over the middle blog in `Text Summarizer`)
105+
* by simply adding `../` or `/` should work on local system, but that does not solve the problem in static `html` page
106+
* the current approach solves the issue for `html` page but when previewing the `markdown` file, the **image** is not shown (both in **local** as well as in **github repos**)
115107

116108
* `[ ]` **Organise data inside `json` file:**
117109
* Keep the data in a structured format so there are no duplicates.
118110
* The data for a project/blog must be together ([`project_db`](future-work/project_db.json)) to make it easier to edit details like Github URLs, blog images, project card thumbnail, blog home page summary, etc, etc, etc.
119111
* Follow the structure given in [`update-data.json`](future-work/updated-data.json) and [`project_db.json`](future-work/project_db.json) in [`future-work`](future-work/) folder.
120112

121-
* `[ ]` **Add read story section in project page:**
122-
* In the project page, under the given project card, add a link to read the blog along with viewing it on github.
123-
* The blog will be redirected to the 1st blog in the series.
113+
* `[ ]` **Architecture diagram and video or a gif:**
114+
* Add architecture diagram of the project or the blog or create a video doing a walkthrough of the project or a gif of the working ui.
124115

125-
* `[ ]` **Keep 3 projects columns:**
126-
* Need to make changes in [`project_template`](projects_template.html) to make sure it includes 3 project cards in each row. (see [`future-work/images/project-page.png`](future-work/images/project-page.png))
116+
* `[ ]` **Clean individual html files by removing extra white space:**
117+
* Remove extra white space from individual html files to make them more readable. (see [`future-work/images/unclean-html-code-block.png`](future-work/images/unclean-html-code-block.png))
127118

128-
* `[ ]` **Add heading sections inside blog post page:**
129-
* In the blog post page, add page headings and links for easy scrolling and navigating through the page.
130-
* This also helps in giving a brief of the blog post page.
131-
* See [`future-work/images/blog-post-page.png`](future-work/images/blog-post-page.png) for reference and [`future-work/images/reference-sample.png`](future-work/images/reference-sample.png)
119+
* `[x]` **Add a "Copy Code" Button to Code Blocks:** -- 27.02.2026
120+
* A final layer of polish for the blog, allowing visitors to easily copy code snippets. This was originally attempted with Prism.js plugins, but has now been resolved directly using a custom Javascript implementation to sidestep the plugin issues.
132121

133-
* `[ ]` **Architecture diagram and video or a gif:**
134-
* Add architecture diagram of the project or the blog or create a video doing a walkthrough of the project or a gif of the working ui.
122+
* `[x]` **Add Search Functionality:** -- 27.02.2026
123+
* Implemented a client-side search feature using vanilla JavaScript. A search index is auto-generated at build time and a floating search button (with ⌘K shortcut) opens a modal overlay to search across all blog post titles, summaries, and tags.
135124

136-
* `[x]` **Add horizontal progress scroll bar:**
125+
* `[x]` **Make changes for 3 blog series:** -- 28.02.2026
126+
* If there are 3 blogs which are written, then link them properly and make sure it works.
127+
* The current version does not do that (it loops over the middle blog in `Text Summarizer`)
128+
129+
* `[x]` **Add horizontal progress scroll bar:** -- 06.03.2026
137130
* Add horizontal progress scroll bar to the top of the page to make it easier for users to navigate the page.
138131

139-
* `[x]` **Add dynamic pagination for blog page:**
132+
* `[x]` **Add dynamic pagination for blog page:** -- 08.03.2026
140133
* Add dynamic pagination for blog page to make it easier for users to navigate through the blog posts. --> `Load More Posts` button at the end of the blog page. (see [`future-work/images/dynamic-pagination.png`](future-work/images/dynamic-pagination.png))
141134

142-
* `[x]` **Add table of contents in posts page:**
135+
* `[x]` **Add heading sections inside blog post page:** -- 09.03.2026
136+
* In the blog post page, add page headings and links for easy scrolling and navigating through the page.
137+
* This also helps in giving a brief of the blog post page.
138+
* See [`future-work/images/blog-post-page.png`](future-work/images/blog-post-page.png) for reference and [`future-work/images/reference-sample.png`](future-work/images/reference-sample.png)
139+
140+
* `[x]` **Add table of contents in posts page:** -- 09.03.2026
143141
* Add table of contents in posts page to make it easier for users to navigate through the blog posts. (see [`future-work/images/table-of-content-2.png`](future-work/images/table-of-content-2.png) and [`future-work/images/table-of-content-3.png`](future-work/images/table-of-content-3.png))
144142

145-
* `[ ]` **Add a section in blog page to show the number of posts:**
146-
* Add a section in blog page to show the number of posts. (see `future-work/images/number-of-posts.png`)
143+
* `[x]` **Modify the code such that the sidebar is fixed in the page while scrolling down (sticky positioning):** -- 09.03.2026
144+
* where the sidebar (or an element) remains fixed in place while the rest of the page scrolls—is called "sticky positioning" in web design. (see [`future-work/images/sticky-positioning-highlight-01.png`](future-work/images/sticky-positioning-highlight-01.png) and [`future-work/images/sticky-positioning-highlight-02.png`](future-work/images/sticky-positioning-highlight-02.png))
147145

148-
* `[ ]` **Clean individual html files by removing extra white space:**
149-
* Remove extra white space from individual html files to make them more readable. (see [`future-work/images/unclean-html-code-block.png`](future-work/images/unclean-html-code-block.png))
146+
* `[x]` **Keep 3 projects columns:**
147+
* Need to make changes in [`project_template`](projects_template.html) to make sure it includes 3 project cards in each row. (see [`future-work/images/project-page.png`](future-work/images/project-page.png))
150148

151-
* `[x]` **Modify the code such that the sidebar is fixed in the page while scrolling down (sticky positioning):**
152-
* where the sidebar (or an element) remains fixed in place while the rest of the page scrolls—is called "sticky positioning" in web design. (see [`future-work/images/sticky-positioning-highlight-01.png`](future-work/images/sticky-positioning-highlight-01.png) and [`future-work/images/sticky-positioning-highlight-02.png`](future-work/images/sticky-positioning-highlight-02.png))
153-
149+
* `[x]` **Add read story section in project page:**
150+
* In the project page, under the given project card, add a link to read the blog along with viewing it on github.
151+
* The blog will be redirected to the 1st blog in the series.
152+
153+
* `[x]` **Add a section in blog page to show the number of posts:**
154+
* Add a section in blog page to show the number of posts. (see `future-work/images/number-of-posts.png`)

0 commit comments

Comments
 (0)