Tesla clone
Responsive clone of the Tesla landing page with smooth scrolling sections.
- Status
- Live
- Type
- Personal project
- Website
- tesla-psi-opal.vercel.app
About this project
A responsive clone of the Tesla landing page, built with React and Vite.
It was an exercise in clean UI, smooth scrolling sections and a component-based architecture. The goal was to capture the visual experience and practice React, not to copy the site pixel for pixel.
My role: Developer, learning project
Key features
Animated sections
Hero, vehicle models and solar panels sections, with smooth scrolling between them.
Responsive layout
Mobile-first design that adapts to all screen sizes.
Interactions
Hover effects and CSS animations that follow the Tesla design language.
Technical approach
Modular SCSS
Styles organized by component with the BEM naming methodology.
Reusable components
React components configured through props, built and bundled with Vite.
What I built
- Rebuilt the landing page as a responsive, component-based React SPA bundled with Vite.
- Implemented smooth-scrolling sections and a consistent UI styled with Sass.
Built with
- Framework
- React
- Vite
- Language
- JavaScript
- Styling
- Sass