vempr

The most significant update today is just adding database seeding so development is faster. The 3 hours of logged time comes from me over-optimizing my authentication flow, and coming across a stupidly easy-to-solve problem that made me thought I was crazy.

It turns out all I needed to make the navbar stop flickering is to instantiate just ONE user ref for all uses... at least now I can finally work on some new functionality, maybe some CRUD next? 😸

Implementing the auth system was kinda gruesome, because I was not familiar with Nuxt's request lifecycle at all :( I got it done after lots of trial and error, but it would've been much more easier if I had a little experience with the framework.

In the end, I settled with a custom useAuth() hook that allowed middlewares and <script>'s could read/write to the AuthUser

Now, I have setup my postgres database with Drizzle ORM for my queries and migrations! The first API route for user authentication has been created, which taught me a lot about Nuxt's project structure; I plan to implement my own auth system with the help of Lucia Auth (great for resources and learning)

First devlog :) I've collected 16 epic movies (long youtube videos) for the cinema app and created some covers for them with Canva; For this project, I chose Nuxt as my framework - this devlog also includes the setup of gdview project folder itself, here's the commit message: config: app layout/routing, tailwindcss, dependencies

v-log has been deployed to netlify! i rate my experience with Astro and the Chibi theme 10/10

finished writing the SOM blog post! all that's left to do is proofread and deploy :)

writing the blog post now! i've made some progress and Astro's markdown support has made writing very enjoyable, currently describing my project's existence before SOM

first devlog! for this project i started with the3ash's blog theme, which required me to use Astro as the framework. i customized config.ts to my liking and made my first adjustments to the header/footer and the index page :)

minor bug fixes: increased rate limit to allow enough time for registration, conditional statement preventing title from being rendered on mobile; improved WorkCard's mobile design

it has been a fun journey with libsim, here's the final major devlog of bugfixes! i'll reship it after editing the demo video :)

• configured database seeders to populate foreign keys (languages)
• tweak nginx and vite configuration to find static flag images
• fixed broken avatar uploader
• self hosted preview and demo images

libsim v1.0 is finally finished and deployed!
- create README.md
- styling for message notifications
- deployed on Render in Docker container

last adjustments before shipping!
- setup email smtp for email confirmations
- custom mail views with vendor:publish

last app devlog before configuring stuff to ship:
- final page: index
- cleaned up dashboard code
- customized flash messages

last commit of the day:
- finished dashboard user interface
- set rate limit middlewares to 60 route requests/min

work entries:
- render WorkCard components in multiple routes e.g. /friend
- update controllers to serve ordered collections (updated_at/name)

ui: main work view with all fields; fixed collection form styling

ui: card for each work; displays cover image, title + year, description, tags, reading/publication status, original/translated languages as flags

chat ui: own/friend's works, responsive message box, share work entries with popover and search by work's name

ui: notifications page, chat.index page (backend sends latest message with optional work through relationships, user can see work entry in index view if it's the last message)

ui: simple/advanced search forms, create/edit work entry forms, placeholders for empty lists (e.g. 'Create new entry!')

image upload: - refactor from data string to file image upload (gazillion form submissions while debugging 🥀)
ui: own profile view

collections:
- update updated_at when removing/adding entries or renaming collection
- ui for index and view
dialogs:
- getResponsiveDialogs (Drawer for mobile, Sheet for larger screens)

ui:
- handle null cases for profile view
- yea that's it :)

user interface:
- cool view for profile
- responsive pagination bar
- todo: WorkList component

ui: just some react adjustments to the pagination bar

styling: Starry Night tailwindcss theme from tweakcn, adjust css variables for new theme - user interface for /users is fully done

functionality: bulletproof collection pagination on all pages

functionality: instant feedback for both the friend request sender and receiver, the NotificationSent event includes data for the frontend to update UI and fetch fresh accessible works from friend

functionality: dashboard controller returns personal work- and collection-related insights, all insights are sorted in PHP (except $tags because number-keyed arrays somehow conflict sorting)

functionality: user can edit and update message text, the backend triggers an MessageEvent on submit for receiver page to update message in real time

functionality: scroll all the way down the message list when first loaded, also scroll down when user sends or receives a new (not edited/deleted) message

functionality: infinite scrolling for personal chats (had to refactor ChatController to be able to return both raw response data and Inertia::render)

• functionality: quickly add own/favorited works to collection in collections/collection view -- refactored CollectionEntryController to have two methods for adding multiple collections to one work and vice verca