Chatgpt Journal

screenshot of Chatgpt Journal

Chatgpt Journal

Your journal/diary + ChatGPT = Chat Journal


Chat Journal is an Open Source application that allows users to store their journal/diary and interact with ChatGPT. It is built using Svelte and Sveltekit, along with SkeletonUI and TailwindCSS for the UI layout. The ChatGPT interactions are powered by Supabase edge functions.


  • Store and organize your journal or diary entries.
  • Chat with ChatGPT using different agents and prompts.
  • Built-in integration with Supabase for data storage and retrieval.


To set up the development environment:

  1. Sign up for Supabase or set it up locally using Docker containers. Execute the migrations in the supabase folder.
  2. Add the necessary environment variables by referring to the .env.local.example file.
  3. Start the application by running the command "npm run dev".


Chat Journal is a powerful open-source application that combines the functionalities of a journal/diary with ChatGPT's conversational abilities. It provides a seamless experience for users to store and retrieve their journal entries while interacting with ChatGPT. The application is built using Svelte, Sveltekit, SkeletonUI, and TailwindCSS, and leverages Supabase for efficient data management. Contributions to the community are welcome, and users can join the Discord community for further discussions.


Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.


Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects


Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.


Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

Fullstack Boilerplates

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.


ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.


PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.


TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.