A GPT-4 Powered Dream Journaling App built with Supabase and Next JS

OpenAI GPT 4
Next JS
Full Stack


DreamGPT is a powerful dream journaling app built with Supabase and Next.js, powered by GPT-4. It allows users to log their dreams, tag them for easy reference, and perform advanced analytics using the GPT-4 API. With DreamGPT, users can explore their dreams, gain insights, and discover patterns in their dream data.


  • Dream Logging: Users can easily log their dreams using the DreamGPT app. They can enter details such as dream description, date, and tags to categorize their dreams.

  • Tagging and Filtering: DreamGPT provides a tagging system to help users organize their dreams. They can assign tags to dreams and then filter and search for dreams based on specific tags or metadata.

  • Dream Notes: Users can take notes for each dream, allowing them to jot down any additional thoughts, interpretations, or reflections related to their dreams. These notes are saved and can be accessed later for review.

  • Advanced Analytics: DreamGPT leverages the GPT-4 API to perform analytics on the logged dream data. This powerful feature allows users to gain deeper insights into their dream patterns, emotions, themes, and more.

Technologies Used

  • Supabase: DreamGPT uses Supabase as the backend infrastructure for data storage and management. Supabase provides a simple and scalable solution for handling user authentication, data persistence, and real-time updates.

  • Next.js: DreamGPT is built with Next.js, a popular React framework for building server-rendered applications. Next.js provides efficient server-side rendering, routing, and other features that enhance the performance and user experience of the app.

  • GPT-4 API: The GPT-4 API is integrated into DreamGPT to perform advanced dream analytics. It leverages the power of the GPT-4 language model to generate insights, summarize dream data, and provide personalized recommendations based on user preferences.

Getting Started

To get started with DreamGPT, follow these steps:

  1. Clone the repository: git clone
  2. Install dependencies: cd DreamGPT and npm install
  3. Set up Supabase: Sign up for a Supabase account and create a new project. Obtain your Supabase project URL and API key.
  4. Set up environment variables: Create a .env.local file in the root directory of the project and add the following environment variables:
  1. Start the development server: Run npm run dev to start the app in development mode.
  2. Access DreamGPT: Open your browser and visit http://localhost:3000 to access the DreamGPT app.


Contributions to DreamGPT are welcome! If you encounter any issues or have ideas for enhancements, feel free to open an issue or submit a pull request. Please adhere to the established code style and guidelines when contributing.


DreamGPT was inspired by the power of GPT-4 and the desire to explore the world of dreams. Special thanks to the creators of Supabase and Next.js for providing the robust tools and frameworks used in this project.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!