Note
If you are from hackclub, which you most likely are. Please read the ENTIRE readme.md. Thanks!
Simple home page written in react using Next.js
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
Run development server with
npm run devand it view on http://localhost:3000
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
Storm 1: Settings
Storm 2: Settings
Astronaut: Settings
Sunset: Settings



