Quote

2021.10 ~ 2021.11

🚀 Demo 👨🏻‍💻 Github


About

A web app to present a quote randomly from the books, which I have read.

Set the web app as the browser new tab default page, so I can review those quotes everytime when I open a new tab in browser.


Support Plattform

  • Web

User story

As a reader I want to show me the quotes which I collect during book reading, so that I can review those quotes easily.


Technologies

  • Next.js
  • TypeScript
  • Sass
  • Tailwind CSS
  • Markdown
  • gray-matter
  • Vercel

Setup

  1. install dependencies: npm i
  2. run the dev server locally: npm run dev
  3. open http://localhost:3000 to see the result

How to collect the quotes

  1. read book and collect quotes via WeChat Reading（微信读书）
  2. create markdown file and paste the quotes from WeChat Reading
  3. add frontmatter to the markdown file
  4. save the file into data/books