Ship an app with Remix

Create a brand new Remix project and add tooling for TypeScript, Tailwind and Prettier.

Build the frontend form and define an action for our first user flow.

Set up Prisma and SQLite to persist our dynamic data.

Improve our form's UX with validations, default values, and a styled pending state.

Use our homepage's loader to render dynamic entries from our backend.

Map and reduce our dynamic entries into weekly groups using the date-fns library.

Define a new dynamic route that loads an entry based on the URL.

Build a form and action that lets users edit entries.

Refactor our form component so it can be used to both create and edit entries.

Learn how progressive enhancement works in Remix by making a form to delete entries.

Let admins sign in by adding a login route that creates a session cookie.

Let admins sign out by creating a form that destroys the session.

Use the session to hide admin-only user flows from public guests.

Learn how to secure our backend data from unauthorized requests.

Use an Error Boundary to provide better feedback to users when they encounter an exception.

Use the return value from our login action to show validation errors to the user.

Give our UI a facelift on smaller screens using Tailwind CSS and some digital design best practices.

Finish up our redesign by adapting the UI for larger screens.

Deploy your brand new Work Journal to Fly.io so you can share it with the world!