Joytion: Notion Clone

Joytion is a full-stack web application that serves as a clone of 'notion.com'. It allows users to create, edit, and share notes in real-time. Built with Next.js, React, and TypeScript, with Clerk.js for authentication and Convex as the ORM, Joytion offers a seamless note-taking experience.

StrahinjaOctober 23, 2023
Project image
Project image
Project image
Project image
Project image
Project image
Click on the image to see it in full screen

This is a full stack web application built as a clone of 'notion.com'.

It allows you to create and edit your notes, as well as share them with others in real time.

The project is built with

  • Next.js
  • React
  • TypeScript.

Backend was done using

  • Clerk.js for authentification
  • Convex as the databse.

Each note has the ability to be 'published' or made publicly available so the other users can see it on their discover page.

Each logged in user can make a fork(copy) of all the public posts and add it to his favourites.

The project also includes a dashboard page that allows you to create, edit, delete, publish and unpublish your notes.

Documents can have other documents as their children.

Light and dark mode are included as well as a settings modal that lets you modify it.

This really was a great learning experience, and I really enjoyed making it. \nI can't wait to see what's next!