Chatgpt Journal

screenshot of Chatgpt Journal
svelte
vite
tailwind
supabase

Chatgpt Journal

Your journal/diary + ChatGPT = Chat Journal

Overview

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.

Features

  • 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.

Installation

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".

Summary

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
Svelte

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
Vite

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

tailwind
Tailwind

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

supabase
Supabase

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

fullstack
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
Eslint

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
Postcss

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
Typescript

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.