dorinr / kindlenoteviewer Goto Github PK

As a user, I want to have better looking title-author card, that supports dark mode.

Part of #18
Depends on #21

As a user, I want to be able to import all my notes from a book.

Frontend portion

• add new page where user can upload highlights.html
• uploaded html is parsed and JSON object for that book is built and sent to backend

Backend portion

• built object is saved to the DB

Main Areas:

• Better home logo
• Maybe move the navigation buttons somewhere so that its clear they are distinct from the home button
• Fix that glitch where it doesn't update the UI when you logout #14

Use layerStyles in Chakra
Part of #18

Explore some sort of pagination? Maybe tabs mapping to sections?

As a user I want to be able to see a list of books that I've added. Then I should be able to view all my highlights from one of those books. (by clicking on it)

Tasks:

• Do the styling with mock books
• Add actual fetching from backend to replace mock books

The typical user flow is:

1. Click a book
2. Exit and click on another book
3. Maybe come back to the first book (at this point, we would like it to be cached, so that we don't have to fetch the data from Postgres. We can get it much faster from RAM (Redis))

Like i did for squaresolve

Like on iOS where you always have a '<' at the top left of the screen to go back to the previous screen.

Maybe JS collisions or something??

The above happens once in a while ONLY after hot reloading the nextJS server. If I restart nextJS server it works properly.
Maybe test this in PROD to see if it still fails. (maybe it won't because there isn't any hot reloading in PROD i don't think)

Cases:

1. lot of sections
2. lot of highlights in a single section.

Maybe a spinner or something

As a user, I want to have better looking section headings, that supports dark mode.

Part of #18
Depends on #21

Main tasks:

• add global styles for certain components that is dark-mode compatible #27
• sexier UI for each highlight #23
• sexier UI for each section #24
• sexier UI for the title and author card at the top #22
• navigation button (like the back arrow on iOS) next to author card that can let user go back to "my books" page #26

Redesign:

• Clicking on book should show a list of sections (should have some back button to go back to all books)
• Clicking on a section should show highlights for given section (should have some back button to go back to all sections)

The feedback for file upload errors could look nicer.

As a user, I want to have better looking individual highlight card, that supports dark mode.

Part of #18
Depends on #21

This would be a game changer. Importing all of your books through a single amazon login.

To reproduce:
try logging in with either a wrong password or an account that doesn't exist.

As a user I want to view all highlights of a given book, organized under the sections headings.

• Settle a design for the UI. Should there be some accordion thing for each section to show/hide the highlights of that section?
• Implement DB fetching (but use a book with few highlights for testing at the beginning)
• Build out UI using the fetched data.

https://chakra-ui.com/docs/theming/theme

https://chakra-ui.com/docs/theming/theme

Its because I hardcoded colours, instead of using global theme colours from Chakra. I just have to read docs to understand how to use variable dark/light colours for custom styles.

File upload should display an error to the user under these conditions:

1. If upload size is too large
2. If file uploaded is not .html
3. Any other errors that came with the file uploading library I used.

https://chakra-ui.com/docs/components/breadcrumb

Triggered by commit to main

Main issues:

• There was an issue with the DB before, need to get that working
• Just make sure everything is working the same as it is locally