https://github.com/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.
https://github.com/creativoma/frontend-practice-ableton
css-modules frontend-practice react scss vitejs
Last synced: 7 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/creativoma/frontend-practice-ableton
- Owner: creativoma
- License: mit
- Created: 2023-06-04T22:26:03.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-12T09:40:45.000Z (over 1 year ago)
- Last Synced: 2025-04-14T00:49:38.668Z (10 months ago)
- Topics: css-modules, frontend-practice, react, scss, vitejs
- Language: JavaScript
- Homepage: https://frontend-practice-ableton.vercel.app
- Size: 8.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Challenge by Frontend Practice: "Landing Page for Ableton"
## Table of Contents
- [Challenge by Frontend Practice: "Landing Page for Ableton"](#challenge-by-frontend-practice-landing-page-for-ableton)
- [Table of Contents](#table-of-contents)
- [Disclaimer](#disclaimer)
- [About the project](#about-the-project)
- [Links](#links)
- [Built with](#built-with)
- [Screenshot](#screenshot)
- [Author](#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](https://github.com/creativoma/frontend-practice-ableton)
- Deploy: [Here](https://frontend-practice-ableton.vercel.app/)
- Design provide by Frontend Practice: [Here](https://www.frontendpractice.com/projects/ableton)
## Built with
- HTML5
- CSS3
- Modern Javascript
- React & ReactDOM: [reactjs.org](https://reactjs.org/)
- Vite.js: [vitejs.dev](https://vitejs.dev/)
- Framer Motion: [framer.com/motion](https://www.framer.com/motion/)
- Dompurify (sanitize HTML): [npmjs.com/package/dompurify](https://www.npmjs.com/package/dompurify)
- Imagetools (image compression): [¡npmjs.com/package/imagetools](https://www.npmjs.com/package/imagetools)
## Screenshot
## Author
- Github: [github.com/creativoma](https://github.com/creativoma)
- Linkedin: [linkedin.com/in/ma-marianoalvarez/](https://www.linkedin.com/in/ma-marianoalvarez/)