A profesionnal climber's website clone

Description

This repository contains the files used for generating a clone of the home page of the pro climber Sébastien Berthe's website, who is my brother. The original website is made with a wordpress template and the use of plugins for the animations (scroll animations, buttons animations, navbar burger...).

Original website: http://sebastienberthe.com/
Clone website: https://sebastienberthe-clone.netlify.app/

All the source code files are in the assets folder.

DEMO

(Click to open the video)

Skills worked and technologies used in this exercise

Training with animations: button animations (with css ::pseudo-element), smooth scroll animation (with js scripts, use of 'animated-scroll-to' plugin, use of lodash to manage scroll listener and use of hooks with React), burger navbar animation, vertical menu expand animation...
ReactJS for reusability of components
SASS for better organisation of the style
Webpack configurations

Installation

To generate the output folder with the index.html file:

npm install
npm run prod

License