creativoma / frontend-practice-ableton Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

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.

frontend-practice-ableton.vercel.app

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 19 Commits
public		public
src		src
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
LICENCE		LICENCE
README.md		README.md
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
vite.config.js		vite.config.js

Repository files navigation

Challenge by Frontend Practice: "Landing Page for Ableton"

Table of Contents

Challenge by Frontend Practice: "Landing Page for Ableton"

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/

About

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.

frontend-practice-ableton.vercel.app

react css-modules scss frontend-practice vitejs

Report repository

Languages