{"id":23767499,"url":"https://github.com/wooiseong/ksh-project-origin-webpack","last_synced_at":"2026-04-14T03:33:00.738Z","repository":{"id":268806666,"uuid":"904528948","full_name":"wooiseong/KSH-project-origin-webpack","owner":"wooiseong","description":"This is a website where you can search hostels located in Kaohsiung, Taiwan. ","archived":false,"fork":false,"pushed_at":"2024-12-27T05:14:31.000Z","size":167,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-01T21:03:32.522Z","etag":null,"topics":["aos","axios","bootstrap","javascript","sass"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/wooiseong.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,"zenodo":null}},"created_at":"2024-12-17T04:25:12.000Z","updated_at":"2024-12-27T05:14:33.000Z","dependencies_parsed_at":"2024-12-19T03:28:50.684Z","dependency_job_id":"f0d67381-c047-4044-9467-1f9b26f96062","html_url":"https://github.com/wooiseong/KSH-project-origin-webpack","commit_stats":null,"previous_names":["wooiseong/ksh-project-origin-webpack"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wooiseong/KSH-project-origin-webpack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wooiseong%2FKSH-project-origin-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wooiseong%2FKSH-project-origin-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wooiseong%2FKSH-project-origin-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wooiseong%2FKSH-project-origin-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wooiseong","download_url":"https://codeload.github.com/wooiseong/KSH-project-origin-webpack/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wooiseong%2FKSH-project-origin-webpack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31781292,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["aos","axios","bootstrap","javascript","sass"],"created_at":"2025-01-01T00:39:21.728Z","updated_at":"2026-04-14T03:33:00.723Z","avatar_url":"https://github.com/wooiseong.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :house_with_garden: KSH hostel :house_with_garden:\t\n\nThis is a website built with Javascript, Bootstrap and SASS. Users can search all Kaohsiung hostel informations, register and change profile picture and password. \n\nDemo here :point_down: \u003cp\u003e\u003c/p\u003e\n\u003ca href=\"https://ksh-project-vercel-1.vercel.app//\"\u003e\u003cimg src=\"https://img.shields.io/badge/link-KSH.hostel-1?style=flat\u0026logoColor=red\u0026labelColor=%237B7B7B\u0026color=%23FFDA6A\" alt=\"portfolio\"\u003e\u003c/a\u003e\n\n## Project View\nDesktop (1366px)\n\n![image](https://i.ibb.co/1Xyx46B/1-header-before-Login.png)\n\nYou can click on this link to view more pictures :point_right::point_right::point_right: \n\u003ca href=\"https://drive.google.com/drive/folders/16bUqu92zvwPCL3W7V19hLtldLZySoecc?usp=drive_link\"\u003eKSH hostel\u003c/a\u003e\n\n## Features\n|          Components               | Description                                                  | URL                  |\n| :--------------------------: | ------------------------------------------------------------ | -------------------- |\n|    Home    | 1. Users can either key in hostel name or select region to search \u003cbr\u003e2. If the search result is failed, the users will be reminded \u003cbr\u003e3. Links to registration or login are provided in the navigation bar  | /home.html      |\n|      Login       | 1. There is a toggle between login form and register form  \u003cbr\u003e2. If the input is invalid, the form submission is prevented and users will be reminded \u003cbr\u003e3. Users will be directed to Home page after successful login or login form after registration \u003cbr\u003e4. The navigation logo is replaced with users' profile picture if it exists | /login.html         |\n|      Account        | Section A: Change profile picture\u003cbr\u003e 1. Users can change a picture in JPG, JPEG, PNG or ICO format \u003cbr\u003e 2. A preview is displayed if the picture format is valid\u003cbr\u003e 3. A cancel button and a upload button are provided for users to remove the preview or submmit the picture to the backend.   \u003cbr\u003e\u003cbr\u003e Section B: Change password\u003cbr\u003e 1. If the input format is invalid, the form submission is prevented\u003cbr\u003e 2. Users will receive feedback from the backend after submission  | /account.html         |\n\n\n\n## Tools\n1. Designs\u0026nbsp; (\u0026nbsp;Bootstrap + SASS\u0026nbsp;)\n2. Building tool\u0026nbsp; (\u0026nbsp;Webpack\u0026nbsp;)\n3. Storage\u0026nbsp; (\u0026nbsp;localStorage\u0026nbsp;)\n4. Validation\u0026nbsp; (\u0026nbsp;Bootstrap validator + jQuery validate\u0026nbsp;)\n5. HTTP request\u0026nbsp; (\u0026nbsp;Axios\u0026nbsp;)\n6. Backend\u0026nbsp; (\u0026nbsp;External APIs\u0026nbsp;)\n7. Deployment\u0026nbsp; (\u0026nbsp;Vercel\u0026nbsp;)\n\n## Bugs/Future plans\n1. After users logged in, the navigation logo should be replaced with users' profile picture. The replacement takes 1-2 seconds when the page is refreshed. The desired effect should be: the picture is directly rendered when the page is refreshed.    \n\n## Installation\nPlease follow the instructions to get a copy of this project.\n\n### Prerequisites\n * \u003ca href=\"https://docs.npmjs.com/downloading-and-installing-node-js-and-npm\"\u003enpm\u003c/a\u003e \n\n### Clone\n```sh\ngit clone https://github.com/wooiseong/portfolio-project-vercel.git\n```\n\n### Compile and Hot-Reload for Development\n\n```sh\nnpm run dev\n```\n\n### Compile and Minify for Production\n\n```sh\nnpm run build\n```\n\n### Contact\n* \u003ca href= \"mailto:wooiseongseong96@gmail.com\"\u003eEmail:  \u0026nbsp;wooiseongseong96@gmail.com\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwooiseong%2Fksh-project-origin-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwooiseong%2Fksh-project-origin-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwooiseong%2Fksh-project-origin-webpack/lists"}