8000 GitHub - katlyn220915/Readify
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

katlyn220915/Readify

Repository files navigation

Readify

Readify is a App that you can read E-book and take notes while your reading.

Feature

  • Uplaod and parse your epub file
  • Categorize your book with three main categories - my library, later and archive
  • Add and manage tags to your book
  • Customize reading font size, typeface or line height to meet your preferences
  • Highlight words, phrases or add note to them

image

image

image

image

Demo

Test account is already pre-written on the Demo page.

Tech stack

Front-end

Technique Description
Next.js Use next.js to handle routes, Api end points
React Created mutiple custom hooks, used useMemo, useCallback to prevent infinite re-render
Redux Managing global UI state
React Hook Form Handling inputs and error messages
Yup Validating user's input
Epub.js Helper to parse epub file
Font-awsome Icon provider

Back-end

Technique Description
Firebase Authentication, Firestore database and storage
Vercel Deployment

React components design

  • Root image

  • Auth image

  • Homepage image

  • Category page image

  • Read page image

  • Reusable components

image

Next todo

  • Find solutions for throuble of displaying sans-serif typeface of Chinese
  • Redesign Home page
  • Intergrate google translate api for translate words while user is reading
  • Add Components design graph to project's Readme
0