These chapters are not yet complete

https://bookshelf-meks.fly.dev/bookshelf/basic-display
Internal Server Error
Check fly.io logs
Possible that the docker image doesn't know about the toml file

Something very simple to make development a little easier.

• Title
• Header row
• data rows
• Extend Colors!
• Better names for fonts?
• Overwrite theme for fonts, make a new default
• padding and margins
• font sizes, tracking, and leading
• left some comments/questions for Nick in the PR

• Add a route for bookshelf/basic-display
• remove app default header
• Add Title “The Bookshelf“

Finalize the phase names.

1. Basic Display
2. Custom App Styles
3. Live Filter
4. Upgrade Table
5. Wow Factor

Create GitHub tags for the Phases.

• use default input styling
• search button
• pressing click refreshes the page and shows only relevant table data
• the search params checks the title, author, and genre.

Questions

• Should there be one search for the whole table, or each searchable column gets its own search?
• When you click search, how do we know what was searched and how to use that to display? does it go into the url params? What happens to the search criteria? Do we clear out the input or leave it? If we clear it, do we display the search terms somewhere on the page?

Same format as basic-display with a controller and such.

Create a logo to go at the top of each page.

A small lizard like dragon curled around a messy pile of books.
Create a simplified version that can be used as a favicon.

The deploy is running before the build/test workflow.

The table is identical to Phase 2: https://www.figma.com/file/Xed7Tqn15Ua63Pn3eRiIdA/The-Bookshelf?type=design&node-id=103-184&mode=design&t=qHxjLID2WqHBNn8i-0

Save for Post demo/presentation

• Use coins

Using the sketches and notes in the attached pdfs, develop some hi-fi Figma (or tool of choice) sketches.

Notes.pdf

Notes-1.pdf

Notes-2.pdf

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" />
</svg>

^ From Hero Icons

This would be acceptable as a first pass.

This article is out of date, there is no longer a static folder under assets.

Could use some help from @ngscheurich.

Add a NOTES.md file where I can jot down step by step instructions.

• things like what we did on 16-01-2024
• setting up the app, repo, and deployment to fly.io

Due 2024-01-26.

Draw out what the app should look like in the different ”phases” of the project.
Decide what GitHub tags should be associated with that.

• Create a struct type
• Fields:
  • title
  • author
  • genre
  • review
  • date read (makes it feel like a personal bookshelf)
  • status ~(want_to_read, in_progress, complete)
  • URL to the cover art...
    • As part of a modal that pops up with details

To Add in the Future (not for conf talk):

• year published
• something about if it is in a series and which number it is

Don't codify this until the sketch is done. ✅

• Books/Authors to include
  • Rebecca Roanhorse
  • The Name of the Wind
  • N. K. Jemisin
  • The Priory of the Orange Tree

• Use default TailwindCSS styling
• Display title, author, genre, review, date_read, status

Not sure how to do this since it's not running the deploy from GitHub. I run the deploy by cding into the root directory of the project and running fly deploy.

Github deploy error:

image: registry.fly.io/bookshelf-meks:deployment-01HPJMGZ10798YVF33WAM7GY6Y
image size: 124 MB
Error: could not read file /Users/mmcclure/Code/bookshelf/priv/books.toml: open /Users/mmcclure/Code/bookshelf/priv/books.toml: no such file or directory
Error: Process completed with exit code 1.

We’ve hard-coded that path in fly.toml: local_path = "/Users/mmcclure/Code/bookshelf/priv/books.toml". We missed a pretty pungent code smell—your app should never reference anything on a particular user’s machine

Move the books.toml file path to an environment variable and then anyone that needs to access the file will need to set that variable.

Meks needs to set it in their local environment, then it will need to be set for Fly.io and Github.

Add fly.io address
Description of what the app is for.
Link to ElixirConf EU speaker page.

Every once in a while I get an error indicating that the app doesn’t have a reference for when invoking string_to_existing_atom. I then just manually type in the missing atoms into my iex session and it starts working. I’m concerned for what might happen if this is an issue in production.