Skip to content

imaegg11/home

This branch is 7 commits ahead of, 8 commits behind main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Sep 19, 2025
9a22880 · · Sep 19, 2025

History

46 Commits
Jan 1, 2025
Sep 19, 2025
May 25, 2025
Sep 19, 2025
Feb 20, 2025
May 28, 2025
Jul 12, 2025
May 29, 2025
Jul 21, 2025
Jul 18, 2025
Jan 1, 2025
Jul 17, 2025

Repository files navigation

Note

If you are from hackclub, which you most likely are. Please read the ENTIRE readme.md. Thanks!

Homepage

Simple home page written in react using Next.js

Core Features

Search bar allows for prefix based searching, where prefixes can change the end url destination

All data for settings is stored on your browser in localStorage

Ctrl + Enter to open in new window when searching

Ctrl + . to pull up the settings and modify the site your hearts content

Dvelopment

Run development server with

npm run dev

and it view on http://localhost:3000

A Ramble From Me To Hackclub Members

Hi! Take a minute to read through this please. Thanks!

So well, this is a homepage. Created for myself to use, figured might submit this to SoM for some free goodies while I was at it :) Everything is saved to localStorage. Use Ctrl + . to open the settings menu (Do this later!!). There will be appearance in which you can change the theme and set a background image. In search, you will be able to have custom prefixes to quickly access different links. For example, the default includes a wiki search, so if you type wiki baguette and hit enter, you will be brought to the baguette wikipedia entry. The search bar will also change color to indicate this. In widgets, you modify what widgets (The boxes below search bar). Order matters!! Drag on the icon with 9 dots to rearrange them. You can add more if you scroll down to see the add button. CSS will allow to apply custom css if you don't like mine. Settings will allow to import and export all of your settings. So you know, you can save and transfer all your between devices. Because I don't want to deal with cloud lmao. Also, click the save button to save everything!!

To conclude some final things, the actual website is this. The actual website does requrie a lot of stuff to host yourself so... the website you will view is a demo website to demo the capabilities of the website. And for those astute of you, yes this did use AI. Mostly for debugging and a singular 25 line file named setting_provider.js to resolve an issue I could not fix :)

I'll leave you off with some already custom settings for this website that you can download, see and have some fun!

Default: Settings

img

Storm 1: Settings

img

Storm 2: Settings

img

Astronaut: Settings

img

Sunset: Settings

img