creativoma/frontend-practice-ableton

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.

Challenge by Frontend Practice: "Landing Page for Ableton"

Table of Contents

• Challenge by Frontend Practice: "Landing Page for Ableton"
  • Table of Contents
  • Disclaimer
  • About the project
  • Links
  • Built with
  • Screenshot
  • Author

Disclaimer

This is a challenge by Frontend Practice but I applied my own changes to the design and the code for learning purposes.

About the project

• Custom Typography
• CSS Modules
• React components
• Variables in CSS
• Vite as a bundler and dev server for React

Links

• Repo: Here
• Deploy: Here
• Design provide by Frontend Practice: Here

Built with

• HTML5
• CSS3
• Modern Javascript
• React & ReactDOM: reactjs.org
• Vite.js: vitejs.dev
• Framer Motion: framer.com/motion
• Dompurify (sanitize HTML): npmjs.com/package/dompurify
• Imagetools (image compression): ¡npmjs.com/package/imagetools

Screenshot

Author

• Github: github.com/creativoma
• Linkedin: linkedin.com/in/ma-marianoalvarez/