Awesome Default Homepage - With site management

This project includes a captivating web application that allows users to save and organize their favorite websites. It provides the ability to add, categorize, remove, and filter saved shortcuts, all while offering an engaging video background and interactive mouse effects.

This is how it looks like

Features

• Add Shortcuts: Easily add your favorite websites by providing a name, URL, and category.
• Categorize: Organize your shortcuts into categories for better management.
• Remove Shortcuts: Remove shortcuts you no longer need with a single click.
• Filter by Category: Filter and view shortcuts based on specific categories or view all shortcuts.
• Real-time Display: The application updates in real-time as you add or remove shortcuts.
• Video Background: Enjoy an immersive video background that adds a dynamic and visually appealing element to the interface.
• Mouse Effects: Interact with engaging mouse effects that enhance the overall user experience.

Technologies Used

• HTML: The structure and content of the web page.
• CSS: Styling and layout of the web page, including the video background and mouse effects.
• JavaScript: Interactivity and logic for adding, categorizing, removing, and filtering shortcuts, as well as implementing mouse effects.
• LocalStorage: To store and persist user data (saved shortcuts) in the browser.
• GitHub: Version control and project hosting.

Usage

1. Clone or download this repository to your local machine.
2. Open index.html in your web browser.
3. Use the web application to manage your favorite websites while enjoying the video background and mouse effects.

Getting Started

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/rajjitlai/awesome-default-homepage.git

2. Navigate into the directory

   cd awesome-default-homepage
   

3. Make changes to the file

   open with live server
   

Things to be changed

To make some changes to make it your own, edit the part where you can add your own links

<ul>
   <li><a href="">Website</a></li>
   <li><a href="">Portfolio</a></li>
   <li><a href="">Blog</a></li>
   <li><a href="">Gmail</a></li>
</ul>

To be noted:

These code use the local storage implementation If you clear the cache or remove the site data, then you won't be able to save the new sites So make sure to save a file as a backup

Thank you for reading - Happy Coding -