This project is a customizable personal homepage designed to provide quick access to your favorite URLs, contacts, and notes, all in one place.
- Dynamic Shortcut Types: Automatically detects URLs, phone numbers, email addresses, and notes from your input.
- Material UI Design: A clean and modern user interface built with Google Material Web UI (MUI).
- Local Storage Persistence: All your data (shortcuts, default page) is saved directly in your browser's local storage.
- Keyboard Shortcuts: Quick access to common actions (e.g.,
Ctrl/Cmd + Ato add,Ctrl/Cmd + Dfor default page,Ctrl/Cmd + 1-9for shortcuts). - Favicon Support: Attempts to display favicons for URL shortcuts with a fallback to a generic icon.
- Organized Sections: Shortcuts are categorized and displayed in separate sections (URLs, Calls, Mails, Notes).
- Google Keep-like Notes: Dedicated panel for notes with a visually appealing card-based layout and dynamic coloring.
- Confirmation Dialogs: Prevents accidental deletions.
This project focuses on providing a highly customizable and efficient personal homepage experience. It's built with modern web technologies to ensure a smooth and responsive user interface.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/jQsafi/homepage-project.git cd homepage-project - Install dependencies:
npm install
- Start the development server:
The application will open in your browser at
npm start
http://localhost:3000(or another available port).
Access the live version of this project here: https://jQsafi.github.io/homepage-project
Connect with me on GitHub: Your GitHub Profile Link Here