A simple web archive.

Overview

🪴 Garden

A simple web archive.

Home page Moar screenshots!

What is it?

Garden is a (somewhat) simple web archiver I wrote in a weekend, in part to toy around with Prisma and Geist UI. I chose the name "Garden" because of the feeling one gets when growing a collection.

Features

  • Modern. Powered by Next.js, Express, Geist UI, Tailwind.
  • 📄 Minimal. It serves one purpose, so it should do it well.

Installation

The only prerequisites are wget, as it's the magical ingredient that powers Garden, and yarn, which is my package manager of choice.

# Clone the repo
git clone https://github.com/gBasil/garden
cd garden

# Install dependencies, build, and run
# If you aren't using yarn, you should. It has emojis.
yarn
yarn prisma db push
yarn build
yarn start

Configuring Garden is pretty simple, as there isn't too much to configure. The instructions are located in the config.js file in the root directory, and assumes you posses at least a somewhat basic technical knowledge of computers.

Why not just use ArchiveBox?

I tried it, but I have several bones ripe for picking with ArchiveBox.

For one, you have to install a global CLI tool. I don't find myself needing to archive things often, so I don't really have a need for that, though you could argue the same about this project.

Second, it just feels like overkill. I didn't touch most of the options given to me, and the wget website downloader was the only one that seemed to work. The only thing I really care about and the only reason I'm using a website archiver in the first place is to, well, archive websites.

Third, and this is just a personal preference, I don't like using things with (in my humble opinion) old interfaces.

If ArchiveBox seems like a better fit for you, go ahead and use it. It is much more mature and better than my homegrown solution.

Structure

Dashboard - Next.js with Geist UI and Tailwind CSS server running on port 3000.

File Server - Express server on port 3001.

Prisma is used by both of these to interface with a SQLite database.

Drawbacks

  • No authentication.
  • Exclusively developed and test on a MacBook.

If any of these are dealbreakers for you, use ArchiveBox or tweak Garden yourself and submit a pull request.

You might also like...

A simple library to view large images up close using simple mouse interaction, and the full screen.

A simple library to view large images up close using simple mouse interaction, and the full screen.

Intense Images A stand alone javascript library for viewing images on the full, full screen. Using the touch/mouse position for panning. Here's a demo

Dec 31, 2022

This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way, this plugin works after page load.

This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way, this plugin works after page load.

Jquery-SingleImagePopup This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way

Aug 22, 2022

A simple interactive web page for your Gantt Chart (build with Vue.js)

A simple interactive web page for your Gantt Chart (build with Vue.js)

Web Gantt A simple interactive web page for your Gantt Chart (build with Vue.js) No dependency required, no command line, just download the repo and l

Mar 22, 2022

This is a simple word counter program based on Web.

This is a simple word counter program based on Web.

Web Word Counter: This is a simple word counter program based on Web which made with HTML, CSS and JavaScript. It's able count the number of character

Jan 2, 2022

Refresh - Simple browser reload on file change middleware for your Deno web applications.

refresh Simple browser reload on file change middleware for your Deno web applications. Usage To use refresh middleware, just add a few extra lines to

Dec 19, 2022

Ping.js is a small and simple Javascript library for the browser to "ping" response times to web servers in Javascript

Ping.js Ping.js is a small and simple Javascript library for the browser to "ping" response times to web servers in Javascript! This is useful for whe

Dec 27, 2022

Simple yet flexible charting Lightning Web Component using Chart.js for admins & developers

Simple yet flexible charting Lightning Web Component using Chart.js for admins & developers

Lightning Web Chart.js Component Simple yet flexible charting Lightning Web Component using Chart.js for admins & developers Documentation Getting sta

Dec 9, 2022

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

This

To-do-list "To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list. Built With HTML

Nov 21, 2022

MDN-Dark-Mode - Simple extension to add a dark mode with different themes to the MDN Web Docs website

MDN-Dark-Mode Information Chrome and Firefox extension that adds a dark mode wit

Mar 18, 2022
Owner
Basil
gbasil.dev
Basil
🔍 Full stack engineers archive applet for Wechat.

Full Stack Engineers Archive Contributing We welcome you to join the development of this applet. Please see contributing document. ?? Also, we welcome

Wechat applet Development Team 3 May 24, 2022
⚡ Archive of all Zotero Translators co-created by participants of the Information Analysis course in 2018 to date.

awesome-translators 1. awesome-translators 维护小组 1.1 Translators 更新流程 1.2 Zotero 安装流程 1.3 Zotero 进阶资料 2. Translators 2.1 Translators 总览表 2.2 Translator

开智学堂 99 Dec 30, 2022
Archive for LeechersParadise.com, the free leech downloader.

LeechersParadise This project has no been archived due to the project being discontinued for many reasons. Thank you to the pirate community for makin

David 14 Nov 5, 2022
In this project, I built a simple HTML list of To-Do tasks. This simple web page was built using Webpack, creating everything from a JavaScript index file that imported all the modules and assets

To Do List In this project, I built a simple HTML list of To-Do tasks. This simple web page was built using Webpack, creating everything from a JavaSc

Andrés Felipe Arroyave Naranjo 10 Mar 31, 2022
In this project, we built a simple HTML list of To Do tasks. This simple web page was created using webpack and served by a webpack dev server.

To do list In this project, we built a simple HTML list of To Do tasks. This simple web page was created using webpack and served by a webpack dev ser

Jesús Vázquez 8 Dec 21, 2022
In this project, I build a simple HTML list of To Do tasks. This simple web page will be built using webpack and served by a webpack dev server.

To Do list with Webpack In this project, I build a simple HTML list of To Do tasks. This simple web page will be built using webpack and served by a w

Sidney Kaguli 8 Aug 23, 2022
In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications listed later in this lesson. This simple web page is built using webpack and served by a webpack dev server.

Awesome books:JavaScript Using Modules In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications

 Hassan Momanyi 10 Nov 25, 2022
Simple format that serves it's one and only purpose and that's creating simple task list everywhere where you can write plain text

SWTF (Simple Worklog Task Format) Simple format that serves it's one and only purpose and that's creating simple task list everywhere where you can wr

null 4 Apr 4, 2022
A simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ💯

A simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ??

Reem janina 7 May 31, 2022
Simple Library implemented using HTML, CSS and JavaScript. This is a simple implementation of JavaScript Modules of ES6.

Awesome-books A single page project with the porpuse of storing books' titles and authors. Built With CSS, HTML & Javascript. How to run in your local

Saadat Ali 7 Feb 21, 2022