Skip to content

aarabii/chrome-homepage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors Forks Stargazers Issues MIT License LinkedIn


Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact

About The Project

CHROME-HOMEPAGE-SCREENSHOT

"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]
  • React
  • [MUI][MUI-url]

(back to top)

Getting Started

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

  1. Open Chrome and navigate to your React site (in this case, https://chrome-homepage.vercel.app/).
  2. Click on the three dots in the upper-right corner of the Chrome window to open the Chrome menu.
  3. Click on "Settings" from the menu.
  4. Scroll down to the "On startup" section and select "Open a specific page or set of pages."
  5. Click on "Add a new page" and enter the URL for your React site.
  6. 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

  1. Clone the repo
    git clone
  2. Install NPM packages
    npm install
  3. Start the project
    npm start
  4. Build the project
    npm run build
  5. Convert that build folder into static site
    npm run export
  6. 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!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)

Contact

Your Name - @your_twitter - nishu@duck.com

Project Link: https://github.com/losier/chrome-homepage

(back to top)