losier/chrome-homepage

Best-README-Template

Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

About The Project
- Built With
Getting Started
- Prerequisites
- Installation
Usage
Roadmap
Contributing
License
Contact

About The Project

"Chrome-Homepage" is a React-based project designed to enhance the user experience of Chrome by providing users with a customizable startup page. By setting "Chrome-Homepage" as the startup page for Chrome, users can easily access their favorite websites, bookmarks, and other frequently used tools and resources.

The project is targeted towards individuals who enjoy customizing their digital experience and want to optimize their workflow by having quick and easy access to their preferred online destinations.

"Chrome-Homepage" is built using the React framework and Material UI (MUI) library, which enables developers to create responsive, visually appealing user interfaces. The project is hosted on Vercel, a cloud-based platform for building and deploying web applications.

Some of the key features of "Chrome-Homepage" include customizable widgets, such as weather, news, and search bars, as well as the ability to add and organize bookmarks. The project also includes a user-friendly interface and responsive design, ensuring that it looks and performs well on any device.

"Chrome-Homepage" is a work in progress, with ongoing development and updates planned to improve the user experience and add new features.

(back to top)

Built With

[![Next][Next.js]][Next-url]
[][MUI-url]

(back to top)

Getting Started

To set your React site as the startup page in Chrome, simply follow these steps:

Open Chrome and navigate to your React site (in this case, https://chrome-homepage.vercel.app/).
Click on the three dots in the upper-right corner of the Chrome window to open the Chrome menu.
Click on "Settings" from the menu.
Scroll down to the "On startup" section and select "Open a specific page or set of pages."
Click on "Add a new page" and enter the URL for your React site.
Click "Add" to save the changes.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

npm
```
npm install npm@latest -g
```
React
```
  npm install react
```

MUI

    npm install @mui/material @emotion/react @emotion/styled
    ```

Material UI Icons

    npm install @mui/icons-material
    ```

Installation

Clone the repo
```
git clone
```
Install NPM packages
```
npm install
```
Start the project
```
npm start
```
Build the project
```
npm run build
```
Convert that build folder into static site
```
npm run export
```
Deploy the site
```
npm run deploy
```

(back to top)

Usage

Setting your React site as the startup page in Chrome can greatly enhance your user experience. By doing so, every time you launch Chrome, your site will automatically load, allowing you to quickly and easily access the content and features that you need. This can save you time and effort, especially if you frequently visit your site throughout the day. Additionally, having your site set as the startup page can help you stay organized and focused, as it ensures that you always start your browsing session with the information that matters most to you. Whether you're using your React site for work or personal use, setting it as your Chrome startup page can be a convenient and helpful tool to have in your arsenal.

For more examples, please refer to the Documentation

(back to top)

Roadmap

Add Slider for so many shortcuts
Add a setting menu so that user can add their own shortcuts or customize the site as they want
Add Additional Templates w/ Examples
Add Dark Mode
Add a search bar with recent searches or recomended searches

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!