Flog

Means Fwio's blog.

Introduction

A personal blog built with Vite & React, deployed with Github Pages.

Features

• Integrate MDX to render markdown files.
• Manual script for automatic React Routes.
• Responsive Design with powerful UnoCSS.
• PWA with vite-plugin-pwa.

Acknowledgement

• Anthony Fu (antfu.me) - Highly inspired by its design.
• ZA/UM (zaumstudio.com) - Love the seagull.

Dev Logs

Requirement

• Responsive (Refer Responsive Design of Windi CSS, Mobile First)
• Use Hooks to build React components
• Automatically read .md files and generate routes ( markdown-it)

Todo

• Learn and apply React Router.
• Capsulate NavLink to HOC for scoped CSS.
• Implement the Posts component
• Design the Router architechture
• Integrate MDX
• Stylize the output HTML
• Auto route generation via vite-plugin-pages
• Component testing with Vitest
• Static Web App Deployment, with Github Pages.