{"id":18430438,"url":"https://github.com/creativoma/frontend-practice-ableton","last_synced_at":"2026-04-12T15:03:14.036Z","repository":{"id":185308820,"uuid":"649456647","full_name":"creativoma/frontend-practice-ableton","owner":"creativoma","description":"Taking frontend skills to the next level by recreating real websites of real companies.  The perfect kind of practice for developers of all levels and of course I'm up for the challenge.","archived":false,"fork":false,"pushed_at":"2024-10-12T09:40:45.000Z","size":8479,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-14T00:49:38.668Z","etag":null,"topics":["css-modules","frontend-practice","react","scss","vitejs"],"latest_commit_sha":null,"homepage":"https://frontend-practice-ableton.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/creativoma.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":"2023-06-04T22:26:03.000Z","updated_at":"2024-10-12T09:40:49.000Z","dependencies_parsed_at":"2024-12-24T21:09:13.634Z","dependency_job_id":"50066b83-25e7-496b-b92c-5b006d35608c","html_url":"https://github.com/creativoma/frontend-practice-ableton","commit_stats":null,"previous_names":["creativoma/frontend-practice-ableton"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/creativoma/frontend-practice-ableton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativoma%2Ffrontend-practice-ableton","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativoma%2Ffrontend-practice-ableton/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativoma%2Ffrontend-practice-ableton/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativoma%2Ffrontend-practice-ableton/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/creativoma","download_url":"https://codeload.github.com/creativoma/frontend-practice-ableton/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativoma%2Ffrontend-practice-ableton/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263577269,"owners_count":23483132,"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-modules","frontend-practice","react","scss","vitejs"],"created_at":"2024-11-06T05:20:47.233Z","updated_at":"2026-04-12T15:03:13.939Z","avatar_url":"https://github.com/creativoma.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Challenge by Frontend Practice: \"Landing Page for Ableton\"\n\n## Table of Contents\n\n- [Challenge by Frontend Practice: \"Landing Page for Ableton\"](#challenge-by-frontend-practice-landing-page-for-ableton)\n  - [Table of Contents](#table-of-contents)\n  - [Disclaimer](#disclaimer)\n  - [About the project](#about-the-project)\n  - [Links](#links)\n  - [Built with](#built-with)\n  - [Screenshot](#screenshot)\n  - [Author](#author)\n\n## Disclaimer\n\n***This is a challenge by Frontend Practice but I applied my own changes to the design and the code for learning purposes.*** \n\n\n\n## About the project\n\n- Custom Typography\n- CSS Modules\n- React components\n- Variables in CSS\n- Vite as a bundler and dev server for React\n\n\n## Links\n\n- Repo: [Here](https://github.com/creativoma/frontend-practice-ableton)\n- Deploy: [Here](https://frontend-practice-ableton.vercel.app/)\n- Design provide by Frontend Practice: [Here](https://www.frontendpractice.com/projects/ableton)\n\n## Built with\n\n- HTML5\n- CSS3 \n- Modern Javascript\n- React \u0026 ReactDOM: [reactjs.org](https://reactjs.org/)\n- Vite.js: [vitejs.dev](https://vitejs.dev/)\n- Framer Motion: [framer.com/motion](https://www.framer.com/motion/)\n- Dompurify (sanitize HTML): [npmjs.com/package/dompurify](https://www.npmjs.com/package/dompurify)\n- Imagetools (image compression): [¡npmjs.com/package/imagetools](https://www.npmjs.com/package/imagetools)\n\n## Screenshot\n\n![](./public/screenshot.png)\n\n## Author\n\n- Github: [github.com/creativoma](https://github.com/creativoma)\n- Linkedin: [linkedin.com/in/ma-marianoalvarez/](https://www.linkedin.com/in/ma-marianoalvarez/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativoma%2Ffrontend-practice-ableton","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreativoma%2Ffrontend-practice-ableton","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativoma%2Ffrontend-practice-ableton/lists"}