qtsky89 / tblog Goto Github PK

Issue

• #1 sub issue
• Make main page using rough mock up page

ToDo

• Make base structure
• Login / Logout
• Post create button
• HashTag sort

Mock up

• Main Page
  

Issue

• Let's add CI feature using github action.
• And add some django, python test files

Issue

• Used SSR mode in quasar framework for better SEO.
• Let's apply Quasar Meta Plugin for SEO.

Link

• https://quasar.dev/quasar-plugins/meta
• https://metatags.io/
• https://forum.quasar-framework.org/topic/6265/quasar-seo-tips
• https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=ko
• https://www.youtube.com/watch?v=LXF8bM4g-J4&list=PLKoqnv2vTMUPOalM1zuWDP9OQl851WMM9
• https://search.google.com/test/mobile-friendly
• https://search.google.com/search-console

Issue

• Need to keep login data in cookie.
• Just storing in pinia is not enough.

Issue

• Let's deprecate old tblog_vue directory

Issue

• Post Read

Issue

• Let's make it work "Update, Delete" in control button dropdown

Screenshot

Issue

• When I use bootstrap-vue I could easily import form tag in the project.
• But that component doesn't exist in quasar framework.
• I have to make it myself, But I found the useful link how to do it.

Link

• https://learnvue.co/2020/01/build-a-custom-vuejs-tag-input-in-under-10-minutes/#setting-up-our-vuejs-tag-input

Issue

Issue

• Only me could write the post. Others could write comment for that post.
• Add google login, logout feature.

Issue

• Add simple search feature for better experience

Issue

• I added JWT feature in #28 .
• Let's add authorization part in backend using python decorator.

Issue

• Current frontend system is kind of old.
• Want to use Vue3 state of art tech.
• Let's deprecate vue2 + nuxt + bootstrap-vue system and adapt vue3 + quasar framework.
• Luckily quasar also supports SSR + SEO feature.

Link

• https://quasar.dev/start/quasar-cli

Issue

• Let's add CD feature using github action.
• Publishing a new github release can be a nice triggering method.

Issue

• I need this comment feature later on.

Requirement

• Want to make Tech blog.
• Overall design should feel like brunch or medium + devlog
• Document should exist only in markdown format.
• Doc editing should be available in real time. (preview needed)
• Post CRUD, Comment CRUD should be available.

Tech Stack

• Front: Vue.js 2, Nuxt.js, Vue-bootstrap 4
• Backend: Django 3 with drf (django rest framework)
• Cloud: AWS lightsail

Mock up

• TBD

Issue

• I added tag feature, but that's not enough.
• Want to have category menu in left sidebar like other document page.
• For now, don't need nested category.

Issue

• Whenever click the hashtag, the tagged post should be listed.