{"id":20614777,"url":"https://github.com/raulmaulidhino-dev/homify","last_synced_at":"2025-10-10T04:07:39.550Z","repository":{"id":257882621,"uuid":"858288351","full_name":"raulmaulidhino-dev/homify","owner":"raulmaulidhino-dev","description":"Homify is a prototype smart home website. This single page website is created by me and my friend, Fathur (@siddiqfathurahman) as a submission for INSYFEST 2024 Web Development Competition.","archived":false,"fork":false,"pushed_at":"2025-07-11T16:41:34.000Z","size":78517,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-20T08:56:44.471Z","etag":null,"topics":["homify","iot","landing-page","single-page-app","smart-home"],"latest_commit_sha":null,"homepage":"https://homify-web.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/raulmaulidhino-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-09-16T16:32:53.000Z","updated_at":"2025-07-11T16:41:38.000Z","dependencies_parsed_at":"2024-10-16T21:57:15.075Z","dependency_job_id":"82339f0e-fdb6-4e00-9c52-e7e6154650bc","html_url":"https://github.com/raulmaulidhino-dev/homify","commit_stats":null,"previous_names":["raulmaulidhino-dev/homify"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/raulmaulidhino-dev/homify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulmaulidhino-dev%2Fhomify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulmaulidhino-dev%2Fhomify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulmaulidhino-dev%2Fhomify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulmaulidhino-dev%2Fhomify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raulmaulidhino-dev","download_url":"https://codeload.github.com/raulmaulidhino-dev/homify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulmaulidhino-dev%2Fhomify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279002696,"owners_count":26083442,"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","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["homify","iot","landing-page","single-page-app","smart-home"],"created_at":"2024-11-16T11:13:34.866Z","updated_at":"2025-10-10T04:07:39.511Z","avatar_url":"https://github.com/raulmaulidhino-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Homify Logo Banner](public/assets/homify-og.jpg)\n\n## Homify: Innovative Smart Home\n\nHomify is a prototype smart home website, built with HTML, CSS, JavaScript, React and TailwindCSS.\n\n## Project Screenshot(s)\n\n![Homify Web Preview](docs/Homify-preview.png)\n\n## Installation and Setup Instructions\n\nTo see the project, follow these steps:\n\n1. **Clone the Repository**\n\n   Clone the repository to your local machine and navigate into the project directory:\n\n   ```bash\n   git clone https://github.com/raulmaulidhino-dev/homify.git\n   cd homify\n   ```\n\n2. **Install Dependencies**\n\n   Ensure you have [Node.js](https://nodejs.org/en) installed. Then, install the project dependencies by running:\n   \n   ```bash\n   npm install\n   ```\n\n4. **Run the Development Server**\n\n   Start the development server to see the project in action:\n   \n   ```bash\n   npm run dev -- --open\n   ```\n\n   If it doesn't open automatically, you could open your browser and go to [`http://localhost:5173`](http://localhost:5173) to view the application.\n\n- Alternatively, you also could see the smart home website here : [homify-web.vercel.app](https://homify-web.vercel.app)\n\n## Reflection\n\nThis prototype project was made as a submission for [INSYFEST 2024 Web Development Competition](https://www.instagram.com/insyfest). Even though the project didn't make it to the final round, there were many things I learned during the development of this project with my colleague, [siddiqfathurahman](https://github.com/siddiqfathurahman). In the development process, I learned a lot about collaborating with other programmer(s) and time management. Apart from that, which is no less important, I also learned a lot about using Git in collaborating, maximizing React and Tailwind to improve website performance and UI/UX, and using npm packages that can support the development of the prototype project!\n\nDuring the project development, I faced some problems like limited development time for the competition, which is only 2 weeks, means that this project is only a single page application. In addition, there are also problems when providing animation using the [AOS (Animate on Scroll)](https://michalsnik.github.io/aos/) package from npm. Sometimes, this animation package causes elements on the website to overflow, so it is not good for UI/UX. However, I'm able to overcome this by using enough animations and avoiding animation names that cause overflow such as `zoom-out` and `fade-left`. However, overall, this website is good in terms of appearance, responsiveness and typography.\n\nIn the future, my colleague and I will try to develop its main version to provide smart home products and services for people. I also hope this prototype project can inspire visitors to look for initial ideas for their suitable smart home website projects! ✨\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulmaulidhino-dev%2Fhomify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraulmaulidhino-dev%2Fhomify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulmaulidhino-dev%2Fhomify/lists"}