Skip to content

yuw1xx/search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔍 Search | The Ultimate Glassmorphism Homepage

License Size Last Commit

Search is a minimalist, high-performance browser start page. Built with a focus on Glassmorphism and fluid UI, it transforms your "New Tab" into a professional productivity dashboard.


✨ Features at a Glance

☁️ Intelligent Weather

  • Direct Geocoding: Queries the OpenWeather database directly to ensure 100% location accuracy.
  • Duplicate Protection: Automatically filters out identical city matches (e.g., multiple "Oslo, NO" entries) for a clean UI.
  • Unit Flexibility: Instantly toggle between Metric (°C) and Imperial (°F).
  • Dual Location Modes: Seamlessly switch between automatic GPS detection and manual city overrides.

🔍 Search & Navigation

  • Engine Toggle: Quickly swap between DuckDuckGo, Google, Brave, and more.
  • Live Suggestions: Real-time autocomplete suggestions as you type.
  • Smart Redirects: Automatically detects URLs to skip the search engine and go straight to the site.

🔗 Shortcut Manager

  • Live Editing: Manage your favorite sites with a custom CRUD (Create, Read, Update, Delete) system.
  • Visual Management: Hover over shortcuts to reveal elegant "Edit" and "Delete" actions.
  • Icon Library: Choose from a curated set of minimalist SVG icons.

🎨 Design & Personalization

  • Glassmorphism UI: High-end frosted glass effects using CSS backdrop filters and saturation.
  • Clock Modes: Switch between a large, blurred background Analog clock and a crisp Digital display.
  • Dynamic Wallpapers: A library of hand-crafted SVG gradients that adapt to your theme.
  • Custom Cursor: A smooth, trailing cursor outline that reacts to your clicks.
  • Custom Font: Change the font to make your new homepage feel more like "you"

🛠️ Tech Stack

Technology Usage
HTML5 Semantic structure and Modal architectures
CSS3 Backdrop-filters, Flexbox, Grid, and Custom Properties
Vanilla JS Geocoding logic, UI state management, and LocalStorage persistence
APIs OpenWeatherMap (Weather & Geocoding)

QNA

Where is it?

Why is it asking for my location?

  • The location is for the weather widget on the site. It uses OpenWeatherMap API to comunicate with servers to give you your local temperature. It's not mandatory, you can enter your own location if you don't with to use your device's location which can be find in the settings. Your location is only shared with the OpenWeatherMap API and it is stored localy on your device. It is also not being saved anywhere and I can't access it. If you wanna see how the weather widget works, check out script.js

Will there be any more updates in the future

  • I'm trying to constantly improve the Search, so probably yes

About

Resources

License

Stars

Watchers

Forks

Contributors