https://github.com/leobel96/the-homepage

https://github.com/leobel96/the-homepage

clean dark-mode homepage html-css-javascript javascript react reactjs search search-engine

Last synced: about 16 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/leobel96/the-homepage
• Owner: leobel96
• Created: 2020-09-01T14:35:46.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-12-14T01:36:25.000Z (about 2 years ago)
• Last Synced: 2024-12-03T12:09:26.581Z (about 2 months ago)
• Topics: clean, dark-mode, homepage, html-css-javascript, javascript, react, reactjs, search, search-engine
• Language: JavaScript
• Homepage: https://leobel96.github.io/The-Homepage/
• Size: 944 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



A simple single-page React web app thought to be set as a browser homepage.

## Features

- Possibility to search on more than 22 websites

- Possibility to use filters (aka options)

- Automatic dark mode (following your system's mode)

- Possibility to use a specific domain (.com, .co.uk, ...) if the search engine supports it (it can be set in the settings)

- Random font each time page is reloaded (who wants the same identical homepage each time?)

- Clean UI (not a feature and pretty subjective, I know 😉)

- Responsive

## OK but ... how does it work?

`website [option] query`

1. Write website initials (website's logo will appear)

2. Optionally write website's option initials (option's name will appear)

3. Write search query

4. Press ENTER

By default Google search is used and it is used also when no match is found for the initials inserted (meaning that probably you are already writing your search query).

To set this website as new tab page in Chrome, you have to use an extension like [New Tab Redirect](https://chrome.google.com/webstore/detail/new-tab-redirect/icpgjfneehieebagbmdbhnlpiopdcmna).

### Examples

`gi the homepage` will search `the homepage` on GitHub

`gi us leobel96` will search `leobel96` as user on GitHub

## Websites list

* google

  - images

* amazon

* bing

* duckduckgo

* ebay

* facebook

  - people

  - marketplace

  - pages

  - groups

* fandom

* github

  - repositories

  - users

* gmail

  - from

  - to

  - object

* imdb

  - titles

  - tv-episodes

  - celebs

* instagram

  - tag

  - person

* linkedin

  - people

  - jobs

  - companies

* pinterest

* prime-video

* reddit

  - communities-and-users

  - posts

* spotify

  - tracks

  - artists

  - albums

  - playlists

* stack-overflow

* tiktok

  - tag

  - person

* twitter

* wikipedia

* yahoo

* yelp

* youtube

## Disclaimer

All trademarks displayed are the trademarks of their respective owners, and constitute neither an endorsement nor a recommendation of those organizations. In addition, such use of trademarks or links to the web sites of third-party organizations is not intended to imply, directly or indirectly, that those organizations endorse or have any affiliation with **The Homepage**.