sveltedoc

Sveltedoc

Think of Google doc (without the whole collaboration complexity) with a twist that all the documents you create are open to everyone to find and leave comments. Something like youtube but for documents or github gists. Its a PWA

SvelteDoc

What is SvelteDoc?

Think of Google doc (without the whole collaboration complexity) with a twist that all the documents you create are open to everyone to find and leave comments.

Something like youtube but for documents or github gists. Making it public by default sounds wierd however I believe open source and collaboration is becoming the acceptable norm.

Why does it matter?

I studied computer science in russian language and as a foreign student it was diffcult for me to keep up with the lecturer while he/she dictates during a lecture. In order to stay up to date I would ask for the notebook of a course mate or take a picture of everything written by that student, then when I got home, I would have to copy everything into my notebook.

This was so time consuming and I don't want anyone to have to go through this. My idea was what if every note taken by all students in the lesson is made public to everyone? I have been thinking about this project for a long time now and I felt now is the best time to build the MVP.

Demo

https://user-images.githubusercontent.com/31730715/128574952-44da5ad0-4c14-4c26-b0ed-ec0cb03af92e.mp4

You can also visit https://sveltedoc.xyz to try it out for your self

TechStack

  • UI - Svelte w/ SvelteKit
  • Backend (and every other good thing) - Supabase.

Features implemented

  • Magic link authentication (Auth)
  • Search for documents - only by title (Data)
  • View in realtime comments increment count on documents list page (Realtime)
  • CRUD your documents -(Data)
  • View other documents + leave comments and view other comments in real time (Realtime)
  • View documents and edit your username + a default avatar (hosted on supbase storage)

Run Locally

To run it locally you will need to setup a supbase project with all my settings and configurations which can be tricky - if need be I can give the judges access to the project. However the .env file requires 2 variables

VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=

In conclusion

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes