studyhub Tailwind Templates

Studyhub

A next.js webapp to write, edit and organize your notes with AI functionality for summaries and more.

studyhub

I wanted something to collect all of my notes at one place, as my notes are usually scattered across my desktop and other folders. Additionally, I thought it would be cool, if I could just pass my note and it's content directly to any AI provider just by clicking a button.

I am using the google gemini api with the free gemini flash model to give me a summary (or a quiz or whatever you want) to get the key information within just a snap.

notes-page notes-page notes-page

The Editor is the QuillEditor, so you can either type a note directly or paste something in.

edit notes

Get started

Prereq:

Node installed + a MongoDB cluster (its free) and a gemini api key (also free).

Clone or download the repo,

Run:

npm install --force

Create a .env.local file in the root and add your MongoDB URI and the gemini api key.

Run:

npm run dev

or

npm run build && npm start

Top categories

Loading Svelte Themes