{"id":24572823,"url":"https://github.com/jhwa426/url-bookmark-manager","last_synced_at":"2026-04-30T16:32:18.384Z","repository":{"id":272201186,"uuid":"859552212","full_name":"jhwa426/url-bookmark-manager","owner":"jhwa426","description":"The URL Bookmark Manager application is to save URLs to local storage without connecting to a database","archived":false,"fork":false,"pushed_at":"2025-01-17T02:07:21.000Z","size":1122,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T10:13:01.306Z","etag":null,"topics":["angular","javascript","typescript"],"latest_commit_sha":null,"homepage":"https://url-bookmark-manager.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jhwa426.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-18T21:28:13.000Z","updated_at":"2025-01-17T02:07:22.000Z","dependencies_parsed_at":"2025-01-12T22:26:26.029Z","dependency_job_id":"04106c45-6c06-4a2b-b2ec-a801a3db7513","html_url":"https://github.com/jhwa426/url-bookmark-manager","commit_stats":null,"previous_names":["jhwa426/url-bookmark-manager"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jhwa426/url-bookmark-manager","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhwa426%2Furl-bookmark-manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhwa426%2Furl-bookmark-manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhwa426%2Furl-bookmark-manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhwa426%2Furl-bookmark-manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jhwa426","download_url":"https://codeload.github.com/jhwa426/url-bookmark-manager/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhwa426%2Furl-bookmark-manager/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265760718,"owners_count":23824080,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","javascript","typescript"],"created_at":"2025-01-23T19:44:47.219Z","updated_at":"2026-04-30T16:32:13.361Z","avatar_url":"https://github.com/jhwa426.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## URL Bookmark Manager\n\n\u003cp\u003e\nThe aim of the URL Bookmark Manager application is to save URLs to local storage without connecting to a database. The URLs persist when the page is reloaded, and users can edit and delete them. Additionally, users can delete all URLs with the clear button.\n\u003c/p\u003e\n\n## [URL Bookmark Manager](https://url-bookmark-manager-js.netlify.app/) - JavaScript\n\n## [URL Bookmark Manager](https://url-bookmark-manager-ts.netlify.app/) - TypeScript\n\n## [URL Bookmark Manager](https://url-bookmark-manager.netlify.app/) - Angular\n\n### Features\n\n#### Overview Page\n\n\u003cli\u003e\n      Form Submission: The top section of the Overview Page features a form that allows users to submit a link. This form is designed to validate the input, ensuring that the submitted link is a valid URL and exists.\n\u003c/li\u003e\n\n\u003cli\u003e\n    URL Bookmark List Display: Below the form, the page displays a list of submitted links. The list is paginated, showing 20 links per page.\n\u003c/li\u003e\n\n\u003cli\u003e\nPagination Controls: The pagination includes numbered controls with “next” and “previous” links, allowing users to navigate through the pages (e.g., \u003c 1 2 3 \u003e).\n\u003c/li\u003e\n\n\u003cli\u003e\nCustom Form Validation: The form validation logic is custom-written by Regular Expression to ensure robust URL validation.\n\u003c/li\u003e\n\n#### Results Page\n\n\u003cli\u003e\nSubmission Acknowledgement: The Result Page contains a message thanking the user for their submission.\n\u003c/li\u003e\n\n\u003cli\u003e\nDisplay Submission: The user's submitted link is also displayed.\n\u003c/li\u003e\n\n\u003cli\u003e\nNavigation Link: The button is provided to navigate back to the Overview Page.\n\u003c/li\u003e\n\n## Technical Skills 💻\n\n\u003cimg align=\"left\" alt=\"Technical Skills\" height=\"50px\" src=\"https://skillicons.dev/icons?i=angular,ts,js,sass,html,css,git,netlify\"/\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n### Installation Angular\n\n\u003cdetails\u003e\nTo run this application locally, follow these steps:\n\n1. Clone the repository: `git clone https://https://github.com/jhwa426/url-bookmark-manager/`\n2. Navigate to the project directory: `cd bookmark-manager-angular`\n3. Install the dependencies: `npm install`\n4. Start the development server: `ng serve`\n5. This will start the application on `http://localhost:4200/`. Open your web browser and navigate to this address to view the app.\n\n\u003c/details\u003e\n\n### Installation TypeScript\n\n\u003cdetails\u003e\n\nTo run this application locally, follow these steps:\n\n1. Clone the repository: `git clone https://https://github.com/jhwa426/url-bookmark-manager`\n2. Navigate to the project directory: `cd bookmark-manager-ts`\n3. Install the dependencies: `npm init -y`\n4. Install the TypeScript `npm i --save-dev typescript`\n5. Create the `tsconfig.json` with command `npx tsc --init`\n6. Modify `tsconfig.json` file as searching \"outDir\" and uncommenting to \"outDir\": \"./dist\".\n7. Modify `package.json` file that \"start\": \"tsc --watch\"\n8. Start the development server: `npm start`\n\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhwa426%2Furl-bookmark-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjhwa426%2Furl-bookmark-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhwa426%2Furl-bookmark-manager/lists"}