{"id":22494858,"url":"https://github.com/code-beaker/huddle-page-curved-sections-code-beaker","last_synced_at":"2026-04-29T00:03:05.640Z","repository":{"id":241794376,"uuid":"807423219","full_name":"Code-Beaker/huddle-page-curved-sections-code-beaker","owner":"Code-Beaker","description":"A Frontend Mentor Project | Huddle Landing Page with Curved Sections","archived":false,"fork":false,"pushed_at":"2024-06-09T17:44:41.000Z","size":990,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T23:32:56.926Z","etag":null,"topics":["css","frontendmentor-challenge","html","huddle-landing-page","js","responsive-website","validator"],"latest_commit_sha":null,"homepage":"https://huddle-page-curved-sections-code-beaker.vercel.app","language":"SCSS","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/Code-Beaker.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-05-29T04:41:20.000Z","updated_at":"2024-06-09T17:44:44.000Z","dependencies_parsed_at":"2024-05-30T04:41:45.039Z","dependency_job_id":"580c4dbf-e0eb-42ff-8db0-a7e544b94754","html_url":"https://github.com/Code-Beaker/huddle-page-curved-sections-code-beaker","commit_stats":null,"previous_names":["code-beaker/huddle-page-curved-sections-code-beaker"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fhuddle-page-curved-sections-code-beaker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fhuddle-page-curved-sections-code-beaker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fhuddle-page-curved-sections-code-beaker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fhuddle-page-curved-sections-code-beaker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Code-Beaker","download_url":"https://codeload.github.com/Code-Beaker/huddle-page-curved-sections-code-beaker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245924518,"owners_count":20694730,"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":["css","frontendmentor-challenge","html","huddle-landing-page","js","responsive-website","validator"],"created_at":"2024-12-06T19:18:10.355Z","updated_at":"2026-04-29T00:03:05.510Z","avatar_url":"https://github.com/Code-Beaker.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Huddle Landing Page with Curved Sections\n\nThis is a solution to the **Huddle Landing Page with Curved Sections** challenge from [Frontend Mentor](https://frontendmentor.io)\n\n## Preview\n\n### Desktop Preview\n\n![alt text](image.png)\n\n### Mobile Preview\n\n![alt text](image-1.png)\n\n## Tools and Languages\n\n### Tools\n\n- [Visual Studio Code](https://code.visualstudio.com)\n- [Vite](https://vitejs.dev)\n- [Brave](https://brave.com)\n- [Firefox](https://mozilla.org/firefox)\n- [Validator Library](https://www.npmjs.com/package/validator)\n\n### Languages\n\n- Semantic HTML5\n- CSS\n- SCSS\n- JS\n\n## Process\n\nThe full command line process is given below\n\n### Create Vite App\n\n```sh\nnpm create vite@latest -- --template vanilla app\n```\n\n```sh\ncd app\n```\n\n#### Install dependencies and packages\n\n```sh\nnpm install\n\nnpm add sass -D\n\nnpm install validator\n```\n\n### Import the files with JavaScript\n\n![alt text](image-2.png)\n\n### Preview the website\n\n```\nnpm run dev\n```\n\n## Using Validator\n\nHere's how the Validator library is used in this project.\n\n![alt text](image-3.png)\n\n## Links\n- [GitHub Repository](https://github.com/Code-Beaker/huddle-page-curved-sections-code-beaker/)\n- [Netlify Deploy](https://huddle-home-curved-code-beaker.netlify.app/) \n- [Vercel Deploy](https://huddle-page-curved-sections-code-beaker.vercel.app/)\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/dfaf43da-4e30-42d1-8eda-9b75921cd592/deploy-status)](https://app.netlify.com/sites/huddle-home-curved-code-beaker/deploys)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-beaker%2Fhuddle-page-curved-sections-code-beaker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-beaker%2Fhuddle-page-curved-sections-code-beaker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-beaker%2Fhuddle-page-curved-sections-code-beaker/lists"}